﻿@charset "utf-8";
/* 
 * Project Name:全友
 * Author:浅浅
 * Date：2016-3-27
 */
@font-face { font-family: 'futuramedium'; src: url('futurabt-medium-webfont.eot'); src: url('futurabt-medium-webfont.eot?#iefix') format('embedded-opentype'), url('futurabt-medium-webfont.woff2') format('woff2'), url('futurabt-medium-webfont.woff') format('woff'), url('futurabt-medium-webfont.ttf') format('truetype'), url('futurabt-medium-webfont.svg#futuramedium') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'futura_lightregular'; src: url('futurabt-light-webfont.eot'); src: url('futurabt-light-webfont.eot?#iefix') format('embedded-opentype'), url('futurabt-light-webfont.woff2') format('woff2'), url('futurabt-light-webfont.woff') format('woff'), url('futurabt-light-webfont.ttf') format('truetype'), url('futurabt-light-webfont.svg#futura_lightregular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'HelveticaNeueCondensed'; src: url('HelveticaNeueCondensed.eot'); src: url('HelveticaNeueCondensed.eot') format('embedded-opentype'), url('HelveticaNeueCondensed.woff2') format('woff2'), url('HelveticaNeueCondensed.woff') format('woff'), url('HelveticaNeueCondensed.ttf') format('truetype'), url('HelveticaNeueCondensed.svg#HelveticaNeueCondensed') format('svg'); }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; }
/* always display scrollbars */
body { font: 12px/1.8 "Microsoft Yahei","微软雅黑","Hiragino Sans GB","冬青黑体","Arial","Helvetica","SimHei","黑体","STXihei","华文细黑",sans-serif; margin: 0 auto; color: #989898; background-color: #fff; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; }
input { outline: none; }
img { border: 0; }
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; border-radius: 0; }
textarea { -webkit-appearance: none; border-radius: 0; }
::-moz-selection { background: #009572; color: #fff; text-shadow: none; }
::selection { background: #009572; color: #fff; text-shadow: none; }
a { text-decoration: none; blr: expression(this.onFocus=this.blur()); -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
a:link, a:visited { text-decoration: none; }
a:active, a:hover { text-decoration: none; }
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.fc { text-align: center; }
.fr { text-align: right; }
.l { float: left; display: inline-block; }
.r { float: right; display: inline-block; }
.vt { vertical-align: top; }
.vm { vertical-align: middle; }
.inner { width: 1100px; margin: 0px auto; }
.filler { position: fixed; display: block; -webkit-transition: 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0.2s; -moz-transition: 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0.2s; -o-transition: 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0.2s; transition: 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0.2s; z-index: 1100; }
.filler { background-color: #009572; }
.filler-left { width: 2px; height: 0%; left: 20px; bottom: 20px; }
.filler-right { width: 2px; height: 0%; right: 20px; top: 20px; }
.filler-top { width: 0%; height: 2px; left: 20px; top: 20px; }
.filler-bottom { width: 0%; height: 2px; right: 20px; bottom: 20px; }
.logo { background: url(../images/logo.png) no-repeat; width: 276px; height: 68px; position: fixed; left: 56px; top: 40px; display: block; z-index: 1100; color: #fff; }
.pagesider2 .logo, .pagesider3 .logo, .pagesider5 .logo { background-image: url(../images/logo1.png); }
.open .logo { background-image: url(../images/logo1.png); }
.menu { width: 100px; height: 48px; position: fixed; right: 36px; top: 36px; color: #009572; font-size: 16px; line-height: 48px; z-index: 1100; cursor: pointer; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; }
.menu-handler { width: 48px; height: 48px; cursor: pointer; position: relative; float: right; transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -moz-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); background-color: #009572; }
.menu-handler .burger { width: 20px; height: 3px; background: #fff; display: block; position: absolute; z-index: 5; top: 14px; left: 50%; margin: 0px 0px 0px -10px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; }
.menu-handler .burger-2 { top: 21px; }
.menu-handler .burger-3 { top: 28px; }
.menu-handler.active .burger-1 { top: 21px; -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); }
.menu-handler.active .burger-2 { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; }
.menu-handler.active .burger-3 { top: 21px; -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); }
.menuBox { position: fixed; z-index: 1090; background-color: #fff; left: 0px; top: 0px; width: 100%; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; height: 0px; overflow: hidden; box-sizing: border-box; }
.open .menuBox { height: 100%; padding: 10% 0px 0px; }
.nav { width: 950px; margin: 0px auto 5%; }
.nav dd { float: left; display: block; width: 28%; font-size: 16px; }
.nav dd.lin4 { width: 16%; }
.nav a:link, .nav a:visited { color: #7f7f7f; }
.nav a:active, .nav a:hover { color: #009572; }
.nav dd .t a { color: #555555; }
.nav dd .t a:hover { color: #E2932B; }
.nav dd .t { font-size: 20px; margin-bottom: 20px; }
.nav dd .subnav li { margin-bottom: 5px; }
.nav dd .subnav a:hover { margin-left: 5px; }
.menubot a:link, .menubot a:visited { color: #009572; }
.menubot a:active, .menubot a:hover { color: #555; }
.menubot { width: 950px; margin: 0px auto; font-size: 15px; line-height: 36px; }
.no-csstransforms .nav { margin-bottom: 20px; }
.no-csstransforms .nav dd { font-size: 14px; }
.no-csstransforms .nav dd .t { font-size: 16px; margin-bottom: 15px; }
.menulink a { margin-right: 60px; }
.menuMobileBox { position: fixed; left: 0px; top: 0%; width: 100%; height: 0%; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; z-index: 10006; background-color: #fff; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; }
.menuclose { width: 48px; height: 48px; display: block; position: absolute; right: 9px; top: 9px; cursor: pointer; }
.menuclose:hover { background-color: #009572; }
.menuclose:hover i { background-color: #fff; }
.menuclose i { width: 30px; height: 2px; background-color: #060606; position: absolute; left: 9px; top: 24px; }
.menuclose .i1 { -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); }
.menuclose .i2 { -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); }
.mobileLogo { padding: 24px 0px 0px; text-align: center; width: 250px; margin: 0px auto; display: block; transition: 600ms ease 200ms; -webkit-transition: 600ms ease 200ms; }
.mobileLogo img { width: 100%; display: block; }
.navMobile { padding: 60px 0px 40px; }
.navMobile dd { display: block; width: 100%; text-align: center; }
.navMobile dd p a { text-transform: uppercase; font-size: 25px; position: relative; transition: 600ms ease 350ms; -webkit-transition: 600ms ease 350ms; opacity: 0; }
.navMobile dd a { display: block; font-size: 16px; padding: 5px 0px; color: #7f7f7f; -webkit-transition: 0s; -moz-transition: 0s; -o-transition: 0s; transition: 0s; }
.navMobile dd a:hover, .navMobile dd p a.cur { background: none #009572; color: #fff; }
.navMobile dd a:active { background-color: #84c598; color: #fff; }
.navMobile dd .msubnav { background-color: #fafafa; display: none; padding: 15px 0px; }
.navMobile dd .msubnav a { color: #8d8d8d; position: relative; background: transparent; }
.msharpT { font-size: 14px; text-align: center; margin-bottom: 16px; opacity: 0; transition: 600ms ease 400ms; -webkit-transition: 600ms ease 400ms; }
.msharpT span { color: #000; }
.menuMobileBox .sharpBox { float: none; display: block; width: 165px; padding-left: 20px; margin: 0px auto; height: 35px; opacity: 0; transition: 600ms ease 400ms; -webkit-transition: 600ms ease 400ms; }
.menuMobilelink { padding: 35px 0px; text-align: center; font-size: 16px; opacity: 0; transition: 600ms ease 450ms; -webkit-transition: 600ms ease 450ms; }
.menuMobilelink a { margin: 0px 15px; }
.menuMobilelink a:link, .menuMobilelink a:visited { color: #009572; }
.menuMobilelink a:active, .menuMobilelink a:hover { color: #555; }
.content { position: fixed; left: 0px; top: 0px; width: 100%; }
.ibox { position: relative; width: 100%; height: 100%; }
.page { width: 100%; height: 100%; background-color: rgb(34,34,34); overflow: hidden; }
.bg { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; position: relative; overflow: hidden; }
.bg2 { background-image: url(../images/banner2.jpg); /*background-attachment: fixed;*/ }
.bg31 { background-image: url(../images/pimg1.jpg); /*background-attachment: fixed;*/ }
.bg32 { background-image: url(../images/pimg2.jpg); /*background-attachment: fixed;*/ }
.bg4 { background-image: url(../images/banner4.jpg); /*background-attachment: fixed;*/ }
.bg5 { background-image: url(../images/banner5.jpg); /*background-attachment: fixed;*/ }
.bg61 { background-image: url(../images/banner6.jpg); /*background-size: 951px 447px;*/ }
.bg62 { background-image: url(../images/banner7.jpg); /*background-size: 951px 890px;*/ }
.bg63 { background-image: url(../images/banner8.jpg); /*background-size: 951px 890px;*/ }
.linBox { float: left; display: block; width: 50%; *width: 49.99%; height: 100%; display: block; }
.footBox a:link, .footBox a:visited { color: #646464; }
.footBox a:active, .footBox a:hover { color: #222; }
.footBox { background-color: #f3f3f3; padding: 38px 5% 0px; color: #959595; width: 90%; position: relative; z-index: 2; }
.linkDL { padding-bottom: 30px; }
.linkDL dd { float: right; display: block; font-size: 14px; width: 36%; }
.linkDL dd.lin2 { width: 18%; }
.linkDL dd.lin2 .t { color: #646464; margin-bottom: 25px; text-transform: uppercase; font: 25px/1 "futura_lightregular","times new roman","microsoft yahei";; }
.linkDL dd.lin1 { color: #787878; }
.linkDL dd.lin1 .pk { margin-bottom: 25px; }
.linkDL dd.lin1 .br { display: block; }
.linkDL dd.lin0 { width: 46%; display: block; }
.footnav { text-align: right; padding-top: 80px; }
.footnav span { padding: 0px 10px; color: #b4b4b4; }
.sharpBox { float: right; }
.sharpBox a { width: 35px; height: 35px; background: url(../images/sharp.png) no-repeat; display: block; float: left; margin-left: 20px; position: relative; top: 0; }
.sharpBox a.i1 { background-position: 0px 0px; }
.sharpBox a.i2 { background-position: -54px 0px; }
.sharpBox a.i3 { background-position: -110px 0px; }
.sharpBox a.i4 { background-position: -162px 0px; }
.sharpBox a.i5 { background-position: -218px 0px; }
.sharpBox a.i6 { background-position: -267px 0px; }
.sharpBox a:hover { top: -10px; }
.sharpBox .lt { font-size: 14px; color: #7f7f7f; float: left; }
.top { position: fixed; left: 0px; top: 0px; width: 100%; z-index: 999; height: 142px; }
.topfix { height: 90px; background-color: #f8f8f8; background-color: rgba(255,255,255,0.9); }
.topfix .logo { background-image: url(../images/logo1.png); top: 10px; }
.topLogo .logo { background-image: url(../images/logo1.png); }
.topLogo2 .menu { color: #fff; }
.topfix .menu { top: 21px; color: #009572; }
.pagenavBox { height: 38px; }
.pagenav { background-color: #009572; width: 100%; }
.pagenav a { display: block; float: left; width: 25%; text-align: center; color: #fff; font-size: 14px; box-sizing: border-box; height: 38px; line-height: 38px; }
.pagenav2 a { width: 20%; border-right: 0px none; }
.pagenav a:hover, .pagenav a.act { background-color: #0db78f; }
.cpnav { display: none; width: 100%; color: #FFF; line-height: 50px; height: 50px; overflow: hidden; text-align: center; font-size: 14px; background: #009572; cursor: pointer; }
.caret { display: inline-block; width: 0px; height: 0px; margin-left: 10px; vertical-align: middle; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent; }
.fixed { position: fixed; left: 0px; top: 0px; z-index: 970; }
.pagenav.fixed { top: 90px; }
.backTop { background: url(../images/backtop.png) no-repeat; width: 47px; height: 47px; position: fixed; right: 24px; bottom: -50px; z-index: 999; -webkit-transition: 0s; -moz-transition: 0s; -o-transition: 0s; transition: 0s; }
/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: #00865e url(../images/loader.gif) center center no-repeat; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; padding: 0; border: none; outline: none; }
/* Dots */
.slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; }
.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; outline: none; }
.slick-dots li button:focus { outline: none; }
/* 
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */
/* clearfix */
.owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
/* display none until init */
.owl-carousel { display: none; position: relative; -ms-touch-action: pan-y; }
.owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; }
.owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; }

.owl-carousel .owl-item { float: left; }
.owl-controls .owl-page,
.owl-controls .owl-buttons div { cursor: pointer; }
.owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

/* mouse grab icon */
.grabbing { cursor: url(grabbing.png) 8 8, move; }

/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); }

/*
* 	Owl Carousel Owl Demo Theme 
*	v1.3.3
*/

.owl-theme .owl-controls { margin-top: 10px; text-align: center; }

/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div { color: #FFF; display: inline-block; zoom: 1; *display: inline; /*IE7 life-saver */ margin: 5px; padding: 3px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background: #869791; }
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover { filter: Alpha(Opacity=100); /*IE7 fix*/ opacity: 1; text-decoration: none; }

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page { display: inline-block; zoom: 1; *display: inline; /*IE7 life-saver */ }
.owl-theme .owl-controls .owl-page span { display: block; width: 12px; height: 12px; margin: 5px 7px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span { }

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers { height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }

/* preloading images */
.owl-item.loading { min-height: 150px; background: url(../images/ajaxloader.gif) no-repeat center center; }

/* 
 *  Owl Carousel CSS3 Transitions 
 *  v1.3.2
 */

.owl-origin { -webkit-perspective: 1200px; -webkit-perspective-origin-x: 50%; -webkit-perspective-origin-y: 50%; -moz-perspective: 1200px; -moz-perspective-origin-x: 50%; -moz-perspective-origin-y: 50%; perspective: 1200px; }
/* fade */
.owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease; }
.owl-fade-in { -webkit-animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s both ease; animation: fadeIn .7s both ease; }
/* backSlide */
.owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease; }
.owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease; }
/* goDown */
.owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; -moz-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both; }
.owl-goDown-in { -webkit-animation: goDown .6s ease both; -moz-animation: goDown .6s ease both; animation: goDown .6s ease both; }
/* scaleUp */
.owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both; -moz-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both; }

.owl-fadeUp-out { -webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both; }
/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
    0% { opacity: 1; }
}

@-moz-keyframes empty {
    0% { opacity: 1; }
}

@keyframes empty {
    0% { opacity: 1; }
}

@-webkit-keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@-moz-keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@-webkit-keyframes fadeOut {
    0% { opacity: 1; }
    100% { opacity: 0; }
}

@-moz-keyframes fadeOut {
    0% { opacity: 1; }
    100% { opacity: 0; }
}

@keyframes fadeOut {
    0% { opacity: 1; }
    100% { opacity: 0; }
}

@-webkit-keyframes backSlideOut {
    25% { opacity: .5; -webkit-transform: translateZ(-500px); }
    75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
    100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}

@-moz-keyframes backSlideOut {
    25% { opacity: .5; -moz-transform: translateZ(-500px); }
    75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
    100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
}

@keyframes backSlideOut {
    25% { opacity: .5; transform: translateZ(-500px); }
    75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
    100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}

@-webkit-keyframes backSlideIn {
    0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
    75% { opacity: .5; -webkit-transform: translateZ(-500px); }
    100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}

@-moz-keyframes backSlideIn {
    0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
    75% { opacity: .5; -moz-transform: translateZ(-500px); }
    100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}

@keyframes backSlideIn {
    0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
    75% { opacity: .5; transform: translateZ(-500px); }
    100% { opacity: 1; transform: translateZ(0) translateX(0); }
}

@-webkit-keyframes scaleToFade {
    to { opacity: 0; -webkit-transform: scale(.8); }
}

@-moz-keyframes scaleToFade {
    to { opacity: 0; -moz-transform: scale(.8); }
}

@keyframes scaleToFade {
    to { opacity: 0; transform: scale(.8); }
}

@-webkit-keyframes goDown {
    from { -webkit-transform: translateY(-100%); }
}

@-moz-keyframes goDown {
    from { -moz-transform: translateY(-100%); }
}

@keyframes goDown {
    from { transform: translateY(-100%); }
}

@-webkit-keyframes scaleUpFrom {
    from { opacity: 0; -webkit-transform: scale(1.5); }
}

@-moz-keyframes scaleUpFrom {
    from { opacity: 0; -moz-transform: scale(1.5); }
}

@keyframes scaleUpFrom {
    from { opacity: 0; transform: scale(1.5); }
}

@-webkit-keyframes scaleUpTo {
    to { opacity: 0; -webkit-transform: scale(1.5); }
}

@-moz-keyframes scaleUpTo {
    to { opacity: 0; -moz-transform: scale(1.5); }
}

@keyframes scaleUpTo {
    to { opacity: 0; transform: scale(1.5); }
}

.flex-direction-nav { *height: 0; }
.flex-direction-nav a { text-decoration: none; display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; }
.flex-direction-nav .flex-prev { left: -50px; }
.flex-direction-nav .flex-next { right: -50px; }
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-control-nav { width: 100%; position: absolute; bottom: -40px; text-align: center; }
.flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline; }
.flex-control-paging li a { width: 11px; height: 11px; display: block; background: #666; cursor: pointer; text-indent: -9999px; }
.flex-control-paging li a:hover { background: #333; }
.flex-control-paging li a.flex-active { background: #000; cursor: default; }
.flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; }
.flex-control-thumbs li { width: 25%; float: left; margin: 0; }
.flex-control-thumbs img { width: 100%; height: auto; display: block; opacity: .7; cursor: pointer; -moz-user-select: none; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.flex-control-thumbs img:hover { opacity: 1; }
.flex-control-thumbs .flex-active { opacity: 1; cursor: default; }
/*video*/
.vwrap { display: none; z-index: 1040; width: 100%; position: fixed; }
.vwrap .videobtg { z-index: 900; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #000; opacity: 0.8; filter: alpha(opacity=80); overflow: hidden; }
.vwrap .videobox { z-index: 990; width: 800px; height: 500px; background-color: #fff; position: fixed; left: 50%; top: 50%; margin-top: -250px; margin-left: -400px; }
.vwrap .videobox #videobox { width: 100%; display: inline-block; height: 100%; background: #80abde; }
#videobox_wrapper { height: 100%!important; }
.vwrap .close { z-index: 999; width: 36px; height: 36px; background-color: #009470; cursor: pointer; position: absolute; top: -36px; right: 0px; }
.vwrap .close i { display: block; width: 36px; height: 36px; background: url(../images/closebtn.png) no-repeat 50% 50%; -webkit-transition: 400ms; transition: 400ms; }
.vwrap .close:hover i { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
#videobox_display_button { background: none no-repeat!important; }
.jwplayer .jwicon { opacity: 0.8; filter: alpha(opacity=80); cursor: pointer; background: url(../images/vico2.png) no-repeat!important; width: 51px!important; height: 51px!important; -webkit-transition: 100ms; -moz-transition: 100ms; -ms-transition: 100ms; transition: 100ms; }
.jwplayer .jwicon:hover { opacity: 1; filter: alpha(opacity=100); }
.jwlogo, .jwclick { display: none!important; }
/*video style end*/
/*base style end*/
/*index style*/
#banner { position: relative; overflow: hidden; }
#banner .bg .bimg { position: relative; left: 0px; top: 0px; width: 100%; display: block; }
#banner .slick-dots { position: absolute; left: 114px; bottom: 8%; z-index: 100; width: auto; }
#banner .slick-dots li { margin: 0px 8px 0px 0px; position: relative; width: 5px; height: 24px; border-radius: 3px; background-color: transparent; display: block; float: left; transition: 300ms; -webkit-transition: 300ms; }
#banner .slick-dots a { width: 5px; height: 15px; overflow: hidden; display: block; background-color: #fff; border-radius: 3px; text-indent: -2em; position: absolute; left: 0px; bottom: 0px; }
#banner .slick-dots li.slick-active { background-color: #fff; }
#banner .slick-dots li.slick-active a { background-color: #009572; border-radius: 0px 0px 5px 5px; }
.box2inner { position: absolute; width: 986px; height: 484px; left: 50%; top: 50%; margin: -242px 0px 0px -540px; z-index: 10; perspective: 1500px; transform-style: preserve-3d; }
.box2T { width: 217px; height: 184px; position: absolute; left: 0px; top: 130px; color: #009572; }
.box2T .t { font: bold 40px/1 arial, helvetica, sans-serif; text-transform: uppercase; margin-bottom: 12px; }
.box2T .c { line-height: 1.5; text-align: justify; height: 90px; color: #fff; text-indent: 2em; }
.disappear .box2inner .item { opacity: 0; }
.box2inner .item { position: absolute; top: 0px; width: 121px; height: 121px; perspective: 1000px; transform-style: preserve-3d; cursor: pointer; }
.box2inner .item div { position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; }
.box2inner .item .bg { padding-top: 60%; height: 40%; text-align: center; color: #fff; font-size: 14px; background-size: cover; background-repeat: no-repeat; z-index: 4; }
.box2inner .item .black { background: url(../images/black_bg3.png) repeat; background: none rgba(0,0,0,0.3); }
.box2inner .item2 .black { background: url(../images/black_bg6.png) repeat; background: none rgba(0,0,0,0.6); }
.box2inner .item4 .black, .box2inner .item6 .black { background: url(../images/black_bg2.png) repeat; background: none rgba(0,0,0,0.2); }
.box2inner .item11 { background: url(../images/black_bg1.png) repeat; background: none rgba(0,0,0,0.1); }
.box2inner .item5 .black, .box2inner .item7 .black, .box2inner .item10 .black { background: url(../images/black_bg4.png) repeat; background: none rgba(0,0,0,0.4); }
.box2inner .item8 .black { background: url(../images/black_bg7.png) repeat; background: none rgba(0,0,0,0.7); }
.box2inner .item .gree { background-color: #009572; transform: rotateY(-90deg); -webkit-transform: rotateY(-90deg); transform-origin: 100% 50% 0; -webkit-transform-origin: 100% 50% 0; -webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms, -webkit-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms; transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms; opacity: 0; }
.no-csstransitions .box2inner .item .gree { visibility: hidden; }
.box2inner .item:hover .black { -webkit-transform-origin: 100% 50% 0; -webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms, -webkit-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms; transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms; opacity: 0; }
.box2inner .item:hover .gree { transform: rotateY(0deg); -webkit-transform: rotateY(0deg); opacity: 1; }
.no-csstransitions .box2inner .item:hover .gree { visibility: visible; }
.box2inner .item1 { right: 363px; }
.box2inner .item2 { right: 605px; top: 121px; }
.box2inner .item3 { right: 484px; top: 121px; }
.box2inner .item4 { right: 242px; top: 121px; }
.box2inner .item5 { right: 0px; top: 121px; }
.box2inner .item6 { right: 605px; top: 242px; }
.box2inner .item7 { right: 363px; top: 242px; }
.box2inner .item8 { right: 242px; top: 242px; }
.box2inner .item9 { right: 121px; top: 242px; }
.box2inner .item10 { right: 242px; top: 363px; }
.box2inner .item11 { right: 121px; top: 121px; }
.box2inner .item1 .bg { background-image: url(../images/ip1.png); }
.box2inner .item2 .bg { background-image: url(../images/ip2.png); }
.box2inner .item3 .bg { background-image: url(../images/ip3.png); }
.box2inner .item4 .bg { background-image: url(../images/ip4.png); }
.box2inner .item5 .bg { background-image: url(../images/ip5.png); }
.box2inner .item6 .bg { background-image: url(../images/ip6.png); }
.box2inner .item7 .bg { background-image: url(../images/ip7.png); }
.box2inner .item8 .bg { background-image: url(../images/ip8.png); }
.box2inner .item9 .bg { background-image: url(../images/ip9.png); }
.box2inner .item10 .bg { background-image: url(../images/ip10.png); }
#s3 .linBox { position: relative; overflow: hidden; color: #009572; }
#s3 .linBox .txt { position: absolute; width: 100%; top: 45%; left: 0px; width: 100%; text-align: center; line-height: 1.2; z-index: 5; font-family: arial, helvetica, sans-serif; opacity: 0; transform: translate(80px,0px); -webkit-transform: translate(80px,0px); }
#s3 .linBox .txt .t { font-size: 40px; text-transform: uppercase; transition: 300ms; -webkit-transition: 300ms; }
#s3 .linBox .txt .t b { font-weight: normal; display: inline-block; }
#s3 .linBox .txt .bot { width: 364px; height: 3px; margin: 0px auto 4px; overflow: hidden; }
#s3 .linBox .txt .bot i { width: 364px; height: 3px; display: block; background-color: #fff; transform: translate3d(-364px, 0px, 0px); -webkit-transform: translate3d(364px, 0px, 0px); transition: -moz-transform 600ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms; -webkit-transition: -moz-transform 600ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms; }
.no-csstransitions #s3 .linBox .txt .bot i { visibility: hidden; }
#s3 .linBox .txt .i { font-size: 18px; transition: 300ms; -webkit-transition: 300ms; }
#s3 .linBox .blue { width: 100%; height: 100%; background-color: rgba(0,149,114,0.5); position: absolute; left: 0px; top: 0px; z-index: 4; opacity: 0; -webkit-transition: all .6s cubic-bezier(0.245, 0.145, 1.355, 1); -moz-transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1); -o-transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1); -ms-transition: all .6s cubic-bezier(0.445, 1.045, 0.355, 1); transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1); }
#s3 .black { background-color: rgb(34,34,34); width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; z-index: 6; }
#s3 .bg31 .black { -moz-transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1) .3s; -o-transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1) .3s; -ms-transition: all .6s cubic-bezier(0.445, 1.045, 0.355, 1) .3s; transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1) .3s; }
#s3 .bg32 .black { -moz-transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1) .5s; -o-transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1) .5s; -ms-transition: all .6s cubic-bezier(0.445, 1.045, 0.355, 1) .5s; transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1) .5s; }
#s3.active .black, #s3.m-active .black { width: 0; }
#s3.active .linBox .txt, #s3.m-active .linBox .txt { opacity: 1; transform: translate(0px,0px); -webkit-transform: translate(0px,0px); -moz-transition: all .5s ease .8s; -o-transition: all .5s ease .8s; -ms-transition: all .5s ease .8s; transition: all .5s ease .8s; }
#s3 .linBox.hoves:hover .blue { opacity: 1; }
#s3 .linBox.hoves:hover .txt .t, #s3 .linBox.hoves:hover .txt .i { color: #fff; }
#s3 .linBox.hoves:hover .txt .bot i { transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); }
#s3 .linBox.hoves:hover .txt .t b { transform: translate(0px,-10px); -webkit-transform: translate(0px,-10px); }
#s3 .linBox.hoves:hover .txt .i { transform: translate(0px,10px); -webkit-transform: translate(0px,10px); }
.tra1 { transition: 300ms ease 50ms; -webkit-transition: 300ms ease 50ms; }
.tra2 { transition: 300ms ease 100ms; -webkit-transition: 300ms ease 100ms; }
.tra3 { transition: 300ms ease 150ms; -webkit-transition: 300ms ease 150ms; }
.tra4 { transition: 300ms ease 200ms; -webkit-transition: 300ms ease 200ms; }
.tra5 { transition: 300ms ease 250ms; -webkit-transition: 300ms ease 250ms; }
.tra6 { transition: 300ms ease 300ms; -webkit-transition: 300ms ease 300ms; }
.tra7 { transition: 300ms ease 350ms; -webkit-transition: 300ms ease 350ms; }
.tra8 { transition: 300ms ease 400ms; -webkit-transition: 300ms ease 400ms; }
.tra9 { transition: 300ms ease 450ms; -webkit-transition: 300ms ease 450ms; }
.tra10 { transition: 300ms ease 500ms; -webkit-transition: 300ms ease 500ms; }
.tra11 { transition: 300ms ease 550ms; -webkit-transition: 300ms ease 550ms; }
.tra12 { transition: 300ms ease 650ms; -webkit-transition: 300ms ease 650ms; }
.tra13 { transition: 300ms ease 700ms; -webkit-transition: 300ms ease 700ms; }
.tra14 { transition: 300ms ease 750ms; -webkit-transition: 300ms ease 750ms; }
.tra15 { transition: 300ms ease 800ms; -webkit-transition: 300ms ease 800ms; }
.tra16 { transition: 300ms ease 850ms; -webkit-transition: 300ms ease 850ms; }
#s4 .ibox { -webkit-transform: perspective(300px) rotateX(-50deg); transform: perspective(300px) rotateX(-50deg); -webkit-transform-origin: center top 0; transform-origin: center top 0; transition: all 1s cubic-bezier(0.77, 0, 0.175, 1); -webkit-transition: all 1s cubic-bezier(0.77, 0, 0.175, 1); }
#s4.active .ibox, #s4.m-active .ibox { -webkit-transform: perspective(300px) rotateX(0deg); transform: perspective(300px) rotateX(0deg); -webkit-transform-origin: center top 0; transform-origin: center top 0; }
.box4Ttx { visibility: hidden; opacity: 0; background-color: #fff; position: absolute; right: 10%; top: 25%; width: 254px; padding: 40px 32px 50px; color: #a2a2a2; -webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 480ms, -moz-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 480ms; transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 480ms, -moz-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 480ms; }
.box4Ttx p, .box4Ttx .more { opacity: 0; transform: translate(0px,50px); -webkit-transform: translate(0px,50px); *overflow: hidden; }
.box4Ttx .zh { color: #009572; font-size: 18px; transition: 300ms ease 850ms; -webkit-transition: 300ms ease 850ms; }
.box4Ttx .en { color: #009572; font-size: 30px; font-family: arial; text-transform: uppercase; line-height: 1.2; margin-bottom: 28px; transition: 300ms ease 1000ms; -webkit-transition: 300ms ease 1000ms; }
.box4Ttx .c { text-indent: 2em; color: #a2a2a2; font-size: 13px; height: 138px; margin-bottom: 50px; overflow: hidden; transition: 400ms ease 1250ms; -webkit-transition: 400ms ease 1250ms; }
.box4Ttx .more { width: 128px; height: 40px; transition: 500ms ease 1450ms; -webkit-transition: 500ms ease 1450ms; }
.no-csstransitions .box4Ttx .more { overflow: hidden; }
.active .box4Ttx, .m-active .box4Ttx { visibility: visible; opacity: 1; }
.active .box4Ttx p, .active .box4Ttx .more, .m-active .box4Ttx p, .m-active .box4Ttx .more { opacity: 1; transform: translate(0px,0px); -webkit-transform: translate(0px,0px); }
.active .ibox, .m-active .ibox { transition: all 0.9s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; -webkit-transition: transition: all 0.9s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; opacity: 1; }
.cube { height: 100%; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; font-size: 14px; }
/* Position the faces */
.front { position: relative; height: 100%; -webkit-transform: translateZ(20px); -moz-transform: translateZ(20px); -o-transform: translateZ(20px); -ms-transform: translateZ(20px); transform: translateZ(20px); border: 1px solid #009572; color: #009572; width: 126px; height: 38px; text-align: center; line-height: 38px; }
.flop { opacity: 0; position: relative; height: 100%; -webkit-transform: rotateX(-90deg) translateZ(-20px); -moz-transform: rotateX(-90deg) translateZ(-20px); -o-transform: rotateX(-90deg) translateZ(-20px); -ms-transform: rotateX(-90deg) translateZ(-20px); transform: rotateX(-90deg) translateZ(-20px); background-color: #009572; color: #fff; width: 128px; height: 40px; text-align: center; line-height: 40px; }
/* Rotate the cube */

.half:hover .cube { -webkit-transform: rotateX(90deg); -moz-transform: rotateX(90deg); -o-transform: rotateX(90deg); -ms-transform: rotateX(90deg); transform: rotateX(90deg); }
.half:hover .flop { opacity: 1; }
.trans, .cube { -webkit-transition: all .6s cubic-bezier(0.245, 0.145, 1.355, 1); -moz-transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1); -o-transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1); -ms-transition: all .6s cubic-bezier(0.445, 1.045, 0.355, 1); transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1); }
.ibox5c { width: 522px; height: 522px; position: absolute; left: 50%; top: 50%; margin: -261px 0px 0px -261px; perspective: 1500px; transform-style: preserve-3d; -webkit-transform-style: preserve-3d; }
.ibox5c .item { width: 261px; height: 261px; display: block; float: left; -webkit-transform-origin: 0 50% 0px; opacity: 0; font-size: 14px; }
.ibox5c .item .warpp { width: 100%; height: 100%; perspective: 1000px; transform-style: preserve-3d; color: #fff; }
.ibox5c .item .info { width: 201px; height: 261px; padding: 0px 30px; background: url(../images/blue_bg.png) repeat; background: none rgba(0,149,118,0.8); opacity: 1; position: absolute; -webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms, -webkit-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms; transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms; backface-visibility: hidden; }
.ibox5c .item .info .num { font: 60px/1 arial, helvetica, sans-serif; padding: 44px 0px 0px; }
.ibox5c .item .info .i { font-size: 24px; }
.ibox5c .item .info .t { font-family: arial, helvetica, sans-serif; position: absolute; left: 30px; bottom: 20px; }
.ibox5c .item .txt { overflow: hidden; background: url(../images/black_bg.png) repeat; background: none rgba(72,70,76,0.8); width: 201px; height: 261px; padding: 0px 30px; transform: rotateY(-180deg); opacity: 0; position: absolute; -webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms, -webkit-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms; transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms; backface-visibility: hidden; transform-origin: center center 0; }
.ibox5c .item .txt .c { padding: 35px 0px 0px; height: 176px; overflow: hidden; }
.ibox5c .item1 .info { background: url(../images/k1.png) no-repeat; }
.ibox5c .item1 { transform: rotateX(90deg); -webkit-transform: rotateX(90deg); transform-origin: 50% 100% 0px; }
.ibox5c .item2 { transform: rotateY(-90deg); -webkit-transform: rotateY(-90deg); transform-origin: 0 50% 0; }
.ibox5c .item3 { transform: rotateY(90deg); -webkit-transform: rotateY(90deg); transform-origin: 100% 50% 0; }
.ibox5c .item4 { transform: rotateX(90deg); -webkit-transform: rotateX(90deg); transform-origin: 50% 0 0; }
.active .ibox5c .item1, .m-active .ibox5c .item1 { -webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 280ms, -webkit-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 280ms; transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 280ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 280ms; }
.active .ibox5c .item2, .m-active .ibox5c .item2 { -webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 560ms, -webkit-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 560ms; transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 560ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 560ms; }
.active .ibox5c .item3, .m-active .ibox5c .item3 { -webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 1200ms, -webkit-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 1200ms; transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 1200ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 1200ms; }
.active .ibox5c .item4, .m-active .ibox5c .item4 { -webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 840ms, -webkit-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 840ms; transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 840ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 840ms; }
.active .ibox5c .item, .m-active .ibox5c .item { opacity: 1; }
.active .ibox5c .item1, .active .ibox5c .item4, .m-active .ibox5c .item1, .m-active .ibox5c .item4 { transform: rotateX(0deg); -webkit-transform: rotateX(0deg); }
.active .ibox5c .item2, .active .ibox5c .item3, .m-active .ibox5c .item2, .m-active .ibox5c .item3 { transform: rotateY(0deg); -webkit-transform: rotateY(0deg); }
.ibox5c .item .warpp:hover .info { transform: rotateY(180deg); opacity: 0; }
.ibox5c .item .warpp:hover .txt { transform: rotateY(0deg); opacity: 1; }
.no-csstransitions .ibox5c .item .info { visibility: visible; }
.no-csstransitions .ibox5c .item .txt { visibility: hidden; }
.no-csstransitions .ibox5c .item .warpp:hover .info { visibility: hidden; }
.no-csstransitions .ibox5c .item .warpp:hover .txt { visibility: visible; }
#s6 .linBox { background-color: #fff; }
#s6 .bg61, #s6 .bg63 { height: 50%; width: 100%; }
#s6 .ibox { opacity: 1; transform: translate3d(0px, 0, 0px) scale(1); -webkit-transform: translate3d(0px, 0, 0px) scale(1); }
#s6.disappear .ibox { opacity: 0.7; transform: translate3d(0px, 0, 0px) scale(1); -webkit-transform: translate3d(0px, 0, 0px) scale(1); }
#s6.m-active .ibox { opacity: 1; }
.box6Con { margin: 0px auto; padding-top: 8%; }
select.selbox { width: 300px; height: 44px; line-height: 44px; padding: 0px 0px 0px 20px; vertical-align: middle; border: 2px solid #bababa; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-family: "microsoft yahei"; color: #bababa; cursor: pointer; display: block; font-size: 14px; margin: 0px auto 20px; background: url(../images/sico.png) no-repeat scroll 90% center; }
.no-csstransitions select.selbox { padding-left: 0; }
select.selbox option { padding: 2px 20px; }
select.selbox:hover { color: #101010; border: 2px solid #009572; }
.loginbtn { width: 80px; height: 80px; display: block; margin: 5% auto 0px; border: 1px solid #009572; line-height: 80px; border-radius: 50%; font-size: 14px; position: relative; text-align: center; color: #fff; }
.loginbtn span { color: #009572; position: relative; z-index: 2; }
.loginbtn .i2 { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color: #009572; border-radius: 50%; opacity: 0; transform: scale(0.4); -webkit-transform: scale(0.4); visibility: hidden; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; }
.loginbtn:hover span { color: #FFFFFF; }
.loginbtn:hover .i2 { opacity: 1; transform: scale(1); -webkit-transform: scale(1); visibility: visible; }
.nearbybtn { display: block; margin: 4% auto 0px; width: 156px; height: 42px; overflow: hidden; border: 1px solid #009572; line-height: 42px; color: #009572; position: relative; font-size: 14px; }
.nearbybtn .i2 { position: absolute; left: 0px; top: 0px; width: 0%; height: 100%; display: block; background-color: #009572; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; }
.nearbybtn span { position: relative; z-index: 2; }
.nearbybtn:hover span { color: #FFFFFF; }
.nearbybtn:hover .i2 { width: 100%; }
.bg61 .txt { display: none; }
.bg62 { position: relative; overflow: hidden; }
.bg62 .txt { position: absolute; left: 0px; top: 45%; text-align: center; color: #009572; width: 100%; line-height: 1.5; -webkit-transition: all 0.7s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s; transition: all 0.7s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s; transform: translate(0px,-200px); -webkit-transform: translate(0px,-200px); }
.bg62 .txt .t { font-size: 40px; }
.bg62 .txt .c { font-size: 20px; }
.active .bg62 .txt, .m-active .bg62 .txt { transform: translate(0px,0px); -webkit-transform: translate(0px,0px); opacity: 1; }
/*index style end*/
/*about style*/
.pmoreBox { padding: 34px 0px 70px; }
.pmore:hover { color: #009470; right: -10px; padding-right: 67px; }
.pmore { padding-right: 47px; line-height: 47px; width: 67px; display: block; position: relative; height: 47px; color: #646464; font-size: 14px; right: 0px; }
.pmore i { background: url(../images/pmore.png) no-repeat; width: 47px; height: 47px; display: block; position: absolute; right: 0px; top: 0px; }
.pbanner, .pbanner2 { position: relative; overflow: hidden; width: 100%; height: 100%; background-color: #555555; }
.pbanner .img { display: block; position: absolute; width: 100%; display: block; }
.pbanner2 .img { width: 100%; display: block; }
.pbanner2 .con { position: absolute; left: 0px; top: 30%; width: 100%; text-align: center; color: #fff; transition: 400ms ease 0ms; -webkit-transition: 400ms ease 0ms; transform: translate(0px,0px); -webkit-transform: translate(0px,0px); }
.pbanner2 .en { font: 60px/1.2 "futuramedium","times new roman","microsoft yahei"; text-transform: uppercase; }
.pbanner2 .by { font: 14px/1.8 "futura_lightregular","times new roman","microsoft yahei"; text-transform: uppercase; }
.pbanner2 .zh { font-size: 30px; line-height: 1.4; padding: 1% 0px 2%; }
.pbanner2 .bot { background: url(../images/u_arrow2.png) no-repeat; width: 22px; height: 13px; display: block; margin: 0px auto; }
.picw .con { opacity: 0; visibility: visible; transform: translate(0px,-40px); -webkit-transform: translate(0px,-40px); }
.trans-1 .con { opacity: 0; visibility: visible; transform: translate(0px,-40px); -webkit-transform: translate(0px,-40px); }
.picw .pbannerbox .con3 .t { opacity: 0; visibility: visible; transform: translate(0px,50px); -webkit-transform: translate(0px,50px); }
.picw .pbannerbox .con2 .c { opacity: 0; visibility: visible; transform: translate(0px,50px); -webkit-transform: translate(0px,50px); }
.picw img { transform: scale(1.1); -webkit-transform: scale(1.1); opacity: 0; }
.trans-1 img { transition: all 1s cubic-bezier(0.165, 0.74, 0.44, 1) 0s; }
.profilePbox { width: 780px; padding: 6% 0px; margin: 0px auto; text-align: center; }
.about-en { color: #c8c8c8; text-transform: uppercase; font: 40px/1.1 "futura_lightregular","times new roman","microsoft yahei"; }
.about-t { color: #009572; font-size: 20px; padding: 20px 0px 25px; line-height: 1.2; }
.about-line { background-color: #eeeeee; width: 45px; height: 2px; display: block; margin: 0px auto; overflow: hidden; }
.profilePbox .con { margin: 48px 0px; }
.btn-more { border: 1px solid #dcdcdc; color: #989898; width: 146px; line-height: 46px; height: 46px; text-align: center; display: block; margin: 0px auto; position: relative; overflow: hidden; }
.btn-more .bbg { background-color: #009572; position: absolute; transform: rotate(45deg); position: absolute; right: 100%; bottom: -50%; transition: 400ms; -webkit-transition: 400ms; opacity: 0; visibility: hidden; width: 292px; height: 138px; }
.btn-more .bc { position: relative; z-index: 2; display: block; font-size: 14px; }
.btn-more:hover { border-color: #009572; }
.btn-more:hover .bbg { right: -35%; visibility: visible; opacity: 1; }
.btn-more:hover .bc { color: #fff; }
.btn-more2 { border-color: #fff; }
.btn-more2 .bc { color: #fff; }
.profilePbox.target .about-en, .profilePbox.target .about-t, .profilePbox.target .about-line, .profilePbox.target .con, .profilePbox.target .btn-more { transform: translate(0px,50px); -webkit-transform: translate(0px,50px); opacity: 0; transition: 400ms ease 200ms; -webkit-transition: 400ms ease 200ms; }
.profilePbox.target .con, .profilePbox.target .btn-more, .profilePbox.target .about-line { transition: 400ms ease 300ms; -webkit-transition: 400ms ease 300ms; }
.profilePbox.action .about-en, .profilePbox.action .about-t, .profilePbox.action .about-line, .profilePbox.action .con, .profilePbox.action .btn-more { transform: translate(0px,0px); -webkit-transform: translate(0px,0px); opacity: 1; }
.culturePbox dd { float: left; display: block; width: 50%; *width: 49.99%; position: relative; overflow: hidden; }
.culturePbox .img { display: block; width: 100%; transition: 400ms; -webkit-transition: 400ms; -ms-transition: 400ms; }
.culturePbox .black { background: url(../images/black_bg3.png) repeat; position: absolute; left: 5%; top: 5%; width: 90%; height: 90%; -webkit-transform: scale(1.2); transform: scale(1.2); opacity: 0; filter: alpha(opacity=0); transition: 400ms; -webkit-transition: 400ms; -ms-transition: 400ms; }
.culturePbox .con { position: absolute; text-align: center; color: #fff; width: 396px; left: 50%; top: 35%; margin-left: -198px; z-index: 5; transition: 400ms; -webkit-transition: 400ms; -ms-transition: 400ms; }
.culturePbox .en { text-transform: uppercase; font: 40px/1.2 "futura_lightregular","times new roman","microsoft yahei"; margin: 0px auto; }
.culturePbox .bot1 { height: 1px; background-color: #fff; width: 0%; margin: 0px auto; display: block; opacity: 0.3; filter: alpha(opacity=30); transition: 400ms ease 0ms; -webkit-transition: 400ms ease 0ms; }
.culturePbox .zh { padding: 22px 0px; font: 20px/1.2 "microsoft yahei"; transition: 400ms ease 0ms; -webkit-transition: 400ms ease 0ms; }
.culturePbox .bot2 { height: 0px; border-bottom: 4px solid #ffffff; width: 48px; margin: 0px auto 14px; display: block; transition: 400ms ease 0ms; -webkit-transition: 400ms ease 0ms; }
.culturePbox .btn-more { opacity: 0; visibility: hidden; transform: translate(0px,50px); -webkit-transform: translate(0px,50px); transition: 400ms ease 100ms; -webkit-transition: 400ms ease 100ms; }
.culturePbox a:hover .con { top: 30%; }
.culturePbox a:hover .img { transform: scale(1.1); -webkit-transform: scale(1.1); -ms-transform: scale(1.1); }
.culturePbox a:hover .black { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); transform: scale(1); }
.culturePbox a:hover .zh { padding: 16px 0px; }
.culturePbox a:hover .bot1 { width: 100%; }
.culturePbox a:hover .bot2 { opacity: 0; visibility: hidden; }
.culturePbox a:hover .btn-more { visibility: visible; opacity: 1; transform: translate(0px,0px); -webkit-transform: translate(0px,0px); }
.culturePbox dd.target { transform: translate(0px,50px); -webkit-transform: translate(0px,50px); opacity: 0; }
.culturePbox dd.action { transform: translate(0px,0px); -webkit-transform: translate(0px,0px); opacity: 1; transition: 500ms ease 200ms; -webkit-transition: 500ms ease 200ms; }
.culturePbox dd.item2.action { transition: 500ms ease 350ms; -webkit-transition: 500ms ease 350ms; }
.processPbox { color: #fff; background-attachment: fixed; background-size: cover; background-repeat: no-repeat; background-position: center bottom; text-align: center; padding: 8% 0px; }
.historyPbox { padding: 7% 0px 8%; }
.historyPbox { text-align: center; }
.processPCon { width: 722px; margin: 0px auto; }
.processPCon .about-en, .processPCon .about-t { color: #fff; }
.processPCon .about-t { padding-top: 10px; }
.processPCon .lico { padding-left: 90px; height: 42px; border-top: 1px solid #fff; display: inline-block; }
.processPCon .item { background: url(../images/bg_ico.png) no-repeat; background-size: cover; width: 76px; height: 86px; display: inline-block; font-size: 14px; color: #fff; margin: 0px 18px; line-height: 86px; position: relative; overflow: hidden; }
.processPCon .item .i1 { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: url(../images/bg_ico2.png) no-repeat; background-size: cover; -webkit-transform: scale(0.5); transform: scale(0.5); opacity: 0; visibility: hidden; transition: 400ms; -webkit-transition: 400ms; -ms-transition: 400ms; }
.processPCon .item .i2 { position: relative; z-index: 2; }
.processPCon .item:hover .i1 { opacity: 1; visibility: visible; -webkit-transform: scale(1); transform: scale(1); }
.processPbox.target { transform: translate(0px,50px); -webkit-transform: translate(0px,50px); opacity: 0; }
.processPbox.action { transform: translate(0px,0px); -webkit-transform: translate(0px,0px); opacity: 1; transition: 500ms ease 0ms; -webkit-transition: 500ms ease 0ms; }
.bgfa { background-color: #FAFAFA; }
.onePorfile { width: 700px; margin: 0px auto; padding: 6% 0px 7%; text-align: center; }
.onePorfile .t1 { font: 30px/1.4 "futura_lightregular","times new roman","microsoft yahei"; color: #ecd695; }
.onePorfile .t2 { font: 60px/1.4 "futuramedium","times new roman","microsoft yahei"; color: #8ee9d3; text-transform: uppercase; }
.onePorfile .lico { background: url(../images/line_1.png) no-repeat scroll center center; width: 100%; height: 20px; margin: 20px 0px 32px; }
.onePorfile .icoBox { text-align: center; }
.onePorfile .icoBox img { vertical-align: middle; }
.onePorfile .icoBox span { margin: 0px 40px; }
.onePorfile .con { text-align: center; color: #323232; font-size: 25px; padding-top: 8%; }
.onePorfile.target { transform: translate(0px,50px); -webkit-transform: translate(0px,50px); opacity: 0; }
.onePorfile.action { transform: translate(0px,0px); -webkit-transform: translate(0px,0px); opacity: 1; transition: 500ms ease 0ms; -webkit-transition: 500ms ease 0ms; }
.twoPorfile { margin-top: 95px; background-attachment: fixed; background-size: cover; background-repeat: no-repeat; background-position: center bottom; padding-bottom: 5%; }
.twoPorfile-con { position: relative; top: -95px; background-color: #fff; width: 828px; padding: 95px 108px; margin: 0px auto; }
.pageC { color: #646464; font-size: 14px; }
.pageC a:link, .pageC a:visited { color: #787878; }
.pageC a:active, .pageC a:hover { color: #009572; }
.pageC img { max-width: 100%; }
.twoPorfile-con .yico { width: 40px; height: 40px; background: url(../images/y_bg2.png) no-repeat; position: absolute; left: 50%; top: -20px; margin-left: -20px; }
.twoPorfile-con .yico i { background: url(../images/y_ico1.png) no-repeat; width: 16px; height: 9px; display: block; margin: 15px auto; }
.twoPorfile-con.target .yico { transform: scale(1.2); -webkit-transform: scale(1.2); -ms-transform: scale(1.2); opacity: 0; }
.twoPorfile-con.target .pageC { opacity: 0; }
.twoPorfile-con.action .yico { opacity: 1; transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1); transition: 300ms ease 400ms; -webkit-transition: 300ms ease 400ms; }
.twoPorfile-con.action .pageC { transform: translate(0px,0px); -webkit-transform: translate(0px,0px); opacity: 1; transition: 500ms ease 200ms; -webkit-transition: 500ms ease 200ms; }
.bgef { background-color: #efefef; }
.oneCultrue { padding: 4% 0px 12%; width: 900px; padding-left: 200px; margin: 0px auto; position: relative; overflow: hidden; }
.oneCultrue .by { font: 60px/1.1 "futura_lightregular","times new roman","microsoft yahei"; color: #c8c8c8; z-index: 1; position: relative; }
.oneCultrue .en { font: 50px/1 "futuramedium","times new roman","microsoft yahei"; color: #009470; text-transform: uppercase; padding: 15px 0px; z-index: 1; position: relative; }
.oneCultrue .zh { font: 30px/1.1 "microsoft yahei"; color: #323232; margin-bottom: 5%; z-index: 1; position: relative; }
.oneCultrue .con { z-index: 1; position: relative; }
#whaleBox { position: absolute; left: 0px; bottom: 0px; width: 100%; height: 400px; }
.twoCultrue dd { float: left; display: block; position: relative; width: 50%; *width: 49.99%; }
.twoCultrue .img { width: 100%; display: block; }
.twoCultrue .blue { background: url(../images/blue_bg.png) repeat; background: none rgba(0,149,118,0.8); position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; transition: 300ms ease 0ms; -webkit-transition: 300ms ease 0ms; transform: scale(0.8); -webkit-transform: scale(0.8); -ms-transform: scale(0.8); opacity: 0; visibility: hidden; }
.twoCultrue .con { width: 100%; height: 70%; position: absolute; left: 0px; top: 30%; text-align: center; color: #fff; font-size: 14px; transition: 300ms ease 0ms; -webkit-transition: 300ms ease 0ms; }
.twoCultrue .by { color: #f3e08b; font: 20px/1.4 "futura_lightregular","times new roman","microsoft yahei"; }
.twoCultrue .by1 { text-transform: uppercase; margin-bottom: 4%; transition: 300ms ease 0ms; -webkit-transition: 300ms ease 0ms; }
.twoCultrue .t .txt { font-size: 20px; padding: 12px 0px; display: block; transition: 300ms ease 0ms; -webkit-transition: 300ms ease 0ms; }
.twoCultrue .t .bot { width: 22px; margin: 0px auto; display: block; height: 2px; background-color: #fff; transition: 300ms ease 0ms; -webkit-transition: 300ms ease 0ms; }
.twoCultrue .by2 { text-transform: uppercase; transition: 300ms ease 0ms; -webkit-transition: 300ms ease 0ms; opacity: 0; visibility: hidden; }
.twoCultrue .c { width: 90%; margin: 0px auto; height: 50px; overflow: hidden; display: none; transition: 300ms ease 0ms; -webkit-transition: 300ms ease 0ms; }
.twoCultrue .lico { height: 1px; background-color: #fff; width: 0px; position: absolute; left: 50%; bottom: 8%; transition: 300ms ease 100ms; -webkit-transition: 300ms ease 100ms; }
.twoCultrue dd:hover .con { top: 16%; }
.twoCultrue dd:hover .blue { opacity: 1; visibility: visible; transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1); }
.twoCultrue dd:hover .by1 { opacity: 0; transform: translate(0px,-50px); -webkit-transform: translate(0px,-50px); height: 0px; margin-bottom: 0px; overflow: hidden; }
.twoCultrue dd:hover .by2 { opacity: 1; margin: 3% auto 6%; visibility: visible; }
.twoCultrue dd:hover .t .bot1 { visibility: hidden; opacity: 0; }
.twoCultrue dd:hover .t .txt { padding: 0px 0px 12px; }
.twoCultrue dd:hover .c { display: block; }
.twoCultrue dd:hover .lico { width: 66px; margin-left: -33px; }
.procespage { margin: 6% 0px 0px; position: relative; font-size: 14px; padding-bottom: 32px; }
.proces_ico { height: 100%; position: absolute; left: 50%; width: 1px; overflow: hidden; background-color: #efefef; }
.proces-Inner { width: 936px; margin: 0px auto; }
.proces-T dd { float: left; width: 50%; text-transform: uppercase; }
.proces-T .item1 { text-align: right; color: #c8c8c8; font: 40px/1.1 "futura_lightregular","times new roman","microsoft yahei"; }
.proces-T .item2 { font: 60px/1 "futuramedium","times new roman","microsoft yahei"; color: #009470; }
.proces-info { margin: 7% auto; }
.proces-info dd { float: left; width: 50%; }
.proces-info .item1 { text-align: right; color: #323232; font-size: 20px; }
.proces-info .item2 { color: #646464; }
.proces-padding-l { padding: 0px 44px 0px 0px; display: block; }
.proces-padding-r { padding: 0px 0px 0px 44px; display: block; }
.proces_bot { background: url(../images/line_2.png) no-repeat; width: 1px; height: 70px; margin: 18px auto 28px; display: block; }
.procespage .target .item1 { opacity: 0; transform: translate(-70px,0px); -webkit-transform: translate(-70px,0px); transition: 400ms ease 100ms; -webkit-transition: 400ms ease 100ms; }
.procespage .target .item2 { opacity: 0; transform: translate(70px,0px); -webkit-transform: translate(70px,0px); transition: 400ms ease 100ms; -webkit-transition: 400ms ease 100ms; }
.procespage .action .item1, .procespage .action .item2 { opacity: 1; transform: translate(0px,0px); -webkit-transform: translate(0px,0px); }
.proces-list { position: relative; overflow: hidden; }
.proces-list dt { border-bottom: 1px solid #efefef; height: 62px; margin-bottom: 45px; }
.proces-list dt.section { margin-bottom: 0px; border-bottom: 0px none; width: 50%; position: absolute; left: 0px; top: 0px; }
.proces-list dd { margin-bottom: 12px; padding-top: 28px; position: relative; transition: 300ms ease 0ms; -webkit-transition: 300ms ease 0ms; }
.proces-yd { background: url(../images/yd.png) no-repeat; width: 10px; height: 10px; display: block; position: absolute; top: 36px; left: 50%; margin-left: -5px; }
.p-year { padding-right: 44px; margin-right: 50%; float: right; font: bold 40px/62px "HelveticaNeueCondensed","times new roman",Helvetica,arial,sans-serif; color: #009470; }
.proces-list .pitem1 { float: left; display: block; width: 50%; *width: 49.99%; }
.proces-list .pitem2 { float: left; display: block; width: 50%; }
.proces-list .proces-R .pitem1 { float: right; }
.proces-list .txt { padding-bottom: 22px; border-bottom: 1px solid #efefef; }
.proces-list .month { color: #323232; font-weight: bold; }
.proces-L .month { float: right; display: block; margin-right: 44px; }
.proces-L .txt { width: 318px; margin-left: 44px; }
.proces-R .month { margin-left: 44px; }
.proces-R .txt { width: 318px; margin-right: 44px; float: right; }
.proces-list dd:hover { background-color: #009572; color: #fff; }
.proces-list dd:hover .txt { border-bottom-color: #009572; }
.proces-list dd:hover .month { color: #fff; }
.proces_bot2 { background: url(../images/pross_bot.png) no-repeat; width: 26px; height: 33px; display: block; margin: 22px auto; }
/*about style end*/
/*brand style*/
.bgf8 { background-color: #f8f8f8; }
.pagePadding { padding: 5% 0px; }
.brandPage { padding: 66px 0px 140px; position: relative; overflow: hidden; }
.brandPage .pageC { position: relative; z-index: 2; }
.brandBg { background-attachment: fixed; background-color: #f8f8f8; background-repeat: no-repeat; background-position: center bottom; position: absolute; left: 0px; bottom: 15%; width: 100%; height: 510px; }
.brandBox { background-color: #fff; width: 600px; float: right; display: block; padding: 56px 85px 140px 56px; }
.brandBox .en { font: 63px/0.8 "futura_lightregular","times new roman","microsoft yahei"; text-transform: uppercase; color: #108d6d; }
.brandBox .zh { font: 32px/1.2 "microsoft yahei"; color: #323232; padding: 25px 0px; }
.brandBox .lico { height: 1px; width: 46px; background-color: #646464; margin-bottom: 50px; }
.brandBox .c { font-size: 16px; }
.newNav { border-bottom: 1px solid #d2d2d2; font-size: 16px; padding: 10px 0px; text-align: right; margin-bottom: 30px; }
.newNav a { margin-left: 30px; color: #323232; }
.newNav a.act { color: #009572; }
.newNav a:active, .newNav a:hover { color: #009572; }
.newTime { background: url(../images/year_ico.png) no-repeat scroll left center; padding-left: 28px; font: 50px/1.2 "HelveticaNeueCondensed","times new roman",Helvetica,arial,sans-serif; color: #108d6d; margin-bottom: 30px; }
.newsList a:link, .newsList a:visited { color: #646464; }
.newsList a:active, .newsList a:hover { color: #009572; }
.newItem { float: left; display: block; width: 27.33%; margin: 0px 0px 40px 4.5%; background-color: #fff; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
.newItem a { display: block; }
.newItem .img { width: 100%; overflow: hidden; }
.newItem .img img { width: 100%; display: block; }
.newItem .con { padding: 20px 20px 10px; border: 1px solid #fff; border-top: 0px none; }
.newItem .c { font-size: 14px; line-height: 1.5; height: 42px; overflow: hidden; margin-bottom: 40px; color: #646464; }
.newItem .time { font: 20px/1.4 "HelveticaNeueCondensed","times new roman",Helvetica,arial,sans-serif; }
.newItem .more { background: url(../images/more2.png) no-repeat; width: 17px; height: 17px; display: block; float: right; display: block; position: relative; top: 4px; }
.newItem:hover { box-shadow: 3px 6px 3px -1px rgba(201, 201, 201, 0.6); }
.newItem:hover .more { background-image: url(../images/more1.png); }
.newItem:hover .con { border-color: #108d6d; }
.pager { padding: 50px 0px 0px; text-align: center; }
.pager a:hover { background-color: #009572; color: #fff!important; }
.pager a, .pager span { display: inline-block; margin: 0px 3px!important; background-color: #fff; font-size: 14px; padding: 4px 14px; color: #787878; }
.pager span { background-color: #009572; color: #fff!important; }
.ninfoT { background-position: center center; background-size: cover; padding: 85px 0px 75px; color: #fff; text-align: center; margin: 142px auto 50px; }
.ninfoT .t { font-size: 25px; line-height: 1.4; margin-bottom: 25px; }
.ninfoT .bot { background: url(../images/nbot6.png) no-repeat; width: 59px; height: 14px; }
.infoC { width: 934px; margin: 0px auto; text-align: justify; }
.infoC img { display: inline; max-width: 100%; width: auto!important; height: auto!important; }
.bg009572 { background-color: #009572; }
.infoPaging { margin: 7% 0px; }
.infoPaging a { display: block; height: 36px; color: #fff; font: 12px/36px "microsoft yahei"; width: 70px; padding: 0px 4px; text-align: center; }
.infoPaging a.l { text-align: center; }
.infoPaging a span { font-family: "宋体"; }
.infoPaging a.list { margin: 0px auto; text-align: center; }
.infoPaging a:hover { background-color: #037a5e; }
.mtop2 { height: 142px; }
.videoBg { width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center top; position: fixed; left: 0px; top: 0px; z-index: -1; }
.videoList { width: 1000px; margin: 0px auto; padding: 7% 0px; }
.videoList .videoa { background-color: #fff; display: block; padding: 30px 26px 26px; text-align: center; }
.videoList a:link, .videoList a:visited { color: #646464; }
.videoList a:active, .videoList a:hover { color: #009572; }
.videoList dd { margin-bottom: 6%; }
.videoa .t { font: 30px/1.4 "microsoft yahei"; color: #000; }
.videoa .lico { height: 1px; margin: 14px auto; width: 58px; background-color: #352f27; display: block; }
.videoa .by { font-size: 14px; color: #000; margin-bottom: 45px; }
.videoa .img { overflow: hidden; width: 100%; background-color: #000; position: relative; }
.videoa .img img { width: 100%; display: block; transition: 400ms; -webkit-transition: 400ms; -ms-transition: 400ms; }
.videoa .vico { background: url(../images/vico.png) no-repeat; width: 84px; height: 84px; position: absolute; left: 50%; top: 50%; margin: -42px 0px 0px -42px; -webkit-transform: scale(0.5); transform: scale(0.5); opacity: 0; visibility: hidden; transition: 400ms; -webkit-transition: 400ms; -ms-transition: 400ms; }
.videoa:hover .img img { -webkit-transform: scale(1.1); transform: scale(1.1); opacity: 0.8; filter: alpha(opacity=80); }
.videoa:hover .vico { -webkit-transform: scale(1); transform: scale(1); opacity: 1; visibility: visible; }
.greenChainBox { text-align: center; padding: 102px 0px 56px; }
.greenChainBox .en { color: #108d6d; font: bold 60px/1 "HelveticaNeueCondensed","futura_lightregular","times new roman","microsoft yahei"; text-transform: uppercase; }
.greenChainBox .by { font: 30px/1.1 "HelveticaNeueCondensed","futura_lightregular","times new roman","microsoft yahei"; color: #f5e08b; }
.greenChainBox .zh { color: #323232; font-size: 28px; padding: 16px 0px; line-height: 1.4; }
.greenChainBox .lico { height: 2px; overflow: hidden; background-color: #dedede; width: 48px; display: block; margin: 0px auto; }
.greenChainBox .c { padding: 30px 0px; font-size: 14px; }
.u-arrow-box { width: 31px; height: 33px; display: block; margin: 0px auto; }
.u-arrow { background: url(../images/u_arrow.png) no-repeat; width: 21px; height: 12px; display: block; }
.u-arrow3 { animation-delay: 0ms; animation-duration: 900ms; animation-iteration-count: infinite; animation-name: arrow; animation-play-state: running; animation-timing-function: linear; }
.u-arrow2 { animation-delay: 300ms; animation-duration: 900ms; animation-iteration-count: infinite; animation-name: arrow; animation-play-state: running; animation-timing-function: linear; }
.u-arrow1 { animation-delay: 600ms; animation-duration: 900ms; animation-iteration-count: infinite; animation-name: arrow; animation-play-state: running; animation-timing-function: linear; }

@-webkit-keyframes arrow {
    0% { opacity: 0; -webkit-transform: translate3d(0px, 0px, 0px); }
    33% { opacity: 1; }
    66% { opacity: 1; }
    100% { opacity: 0; -webkit-transform: translate3d(0px, 12px, 0px); }
}

@keyframes arrow {
    0% { opacity: 0; transform: translate3d(0px, 0px, 0px); }
    33% { opacity: 1; }
    66% { opacity: 1; }
    100% { opacity: 0; transform: translate3d(0px, 12px, 0px); }
}

@-ms-keyframes arrow {
    0% { opacity: 0; -ms-transform: translate3d(0px, 0px, 0px); }
    33% { opacity: 1; }
    66% { opacity: 1; }
    100% { opacity: 0; -ms-transform: translate3d(0px, 12px, 0px); }
}

.greeDemo { position: relative; overflow: hidden; width: 100%; }
.greeDemo .img { width: 50%; overflow: hidden; }
.greeDemo .img img { width: 100%; display: block; }
.greeItem { background-color: #ece4cf; position: absolute; width: 100%; color: #646464; font-size: 14px; top: 0px; left: 100%; z-index: 6; }
.greeItem .text { position: absolute; left: 54%; width: 38%; top: 0px; z-index: 3; }
.greeItem .text .en { color: #5ad7b9; font: 42px/0.8 "HelveticaNeueCondensed","futura_lightregular","times new roman","microsoft yahei"; text-transform: uppercase; width: 240px; }
.greeItem .text .zh { font-size: 28px; color: #323232; line-height: 1; padding: 12px 0px 20px; }
.greeItem .text .by { font: bold 20px/1 "HelveticaNeueCondensed","futura_lightregular","times new roman","microsoft yahei"; text-transform: uppercase; color: #5ad7b9; margin-top: 10%; }
.greeItem .text .i { margin-top: 6%; }
.greeItem .text .c { position: absolute; right: 0px; top: 30%; width: 45%; text-indent: 2em; }
.greeItem .iimg { position: absolute; right: 2%; bottom: 0px; width: 245px; height: 245px; }
.greeItem .iimg img { width: 100%; display: block; }
.greeList { padding: 0px 40px; background-color: #fff; width: 888px; margin: 0px auto; position: relative; top: -75px; z-index: 10; }
.greeList dd { float: left; display: block; width: 16.666%; display: block; height: 150px; text-align: center; padding-top: 46px; font-size: 14px; color: #646464; transition: 400ms; -webkit-transition: 400ms; -ms-transition: 400ms; }
.greeList dd i { background: url(../images/gico1.png) no-repeat; width: 45px; height: 51px; display: block; margin: 0px auto 27px; transition: 400ms; -webkit-transition: 400ms; -ms-transition: 400ms; }
.greeList dd i.i1 { background-position: 0px 0px; }
.greeList dd i.i2 { background-position: -145px 0px; }
.greeList dd i.i3 { background-position: -290px 0px; }
.greeList dd i.i4 { background-position: -435px 0px; }
.greeList dd i.i5 { background-position: -578px 0px; }
.greeList dd i.i6 { background-position: -723px 0px; }
.greeList dd:hover, .greeList dd.act { background-color: #5ad7b9; color: #fff; }
.greeList dd:hover i.i1, .greeList dd.act i.i1 { background-position: 0px -51px; }
.greeList dd:hover i.i2, .greeList dd.act i.i2 { background-position: -145px -51px; }
.greeList dd:hover i.i3, .greeList dd.act i.i3 { background-position: -290px -51px; }
.greeList dd:hover i.i4, .greeList dd.act i.i4 { background-position: -435px -51px; }
.greeList dd:hover i.i5, .greeList dd.act i.i5 { background-position: -578px -51px; }
.greeList dd:hover i.i6, .greeList dd.act i.i6 { background-position: -723px -51px; }
.quanyou30Box { background-attachment: fixed; background-size: cover; background-repeat: no-repeat; background-position: center top; padding: 12% 0px 90px; color: #fff; }
.yearQuanBox { width: 916px; margin: 0px auto; font-size: 14px; }
.leftBox { float: left; display: block; width: 408px; }
.rightBox2 { float: right; display: block; width: 317px; height: 529px; padding: 40px 0px 44px; background: url(../images/phone.png) no-repeat; }
.yearQuanBox .by { font: 50px/0.8 "futura_lightregular","times new roman","microsoft yahei"; text-transform: uppercase; color: #069d7d; margin-bottom: 15px; padding-top: 40px; }
.yearQuanBox .t { font: 60px/1.2 "microsoft yahei"; }
.yearQuanBox .c { font-size: 18px; }
.ermBox { margin-top: 67px; line-height: 1.5; }
.ermBox .img { width: 184px; overflow: hidden; margin-bottom: 5px; }
.ermBox .img img { width: 100%; display: block; }
.target .by, .target .t, .target .c { transform: translate(0px,50px); -webkit-transform: translate(0px,50px); opacity: 0; visibility: hidden; transition: 500ms ease 0ms; -webkit-transition: 500ms ease 0ms; }
.target .ermBox { transform: scale(0.8); -webkit-transform: scale(0.8); opacity: 0; visibility: hidden; transition: 500ms ease 0ms; -webkit-transition: 500ms ease 0ms; }
.target .rightBox2 { transform: translate(0px,180px); -webkit-transform: translate(0px,180px); opacity: 0; visibility: hidden; transition: 800ms ease 0ms; -webkit-transition: 800ms ease 0ms; }
.action .by, .action .t, .action .c { opacity: 1; visibility: visible; transform: translate(0px,0px); -webkit-transform: translate(0px,0px); }
.action .t, .action .c { transition: 500ms ease 400ms; -webkit-transition: 500ms ease 400ms; }
.action .ermBox { opacity: 1; visibility: visible; transform: scale(1); -webkit-transform: scale(1); transition: 500ms ease 800ms; -webkit-transition: 500ms ease 800ms; }
.action .rightBox2 { opacity: 1; visibility: visible; transform: translate(0px,0px); -webkit-transform: translate(0px,0px); transition: 800ms ease 900ms; -webkit-transition: 800ms ease 900ms; }
/*brand style end*/
/*service style*/
.serviceNum { position: relative; padding-bottom: 15px; }
.serviceNum dt { font-size: 18px; color: #646464; padding-bottom: 10px; display: none; }
.serviceNum dt.act { display: block; }
.serviceNum dd { border-top: 1px solid #c9c9c9; height: 0px; position: relative; overflow: hidden; }
.serviceNum dd .blueLine { position: absolute; height: 1px; background-color: #108d6d; left: 0px; top: -1px; transition: 200ms; -webkit-transition: 200ms; -ms-transition: 200ms; }
.serviceNum dd .item { float: left; display: block; width: 10%; height: 6px; }
.serviceNum dd .item i { border-left: 1px solid #C9C9C9; display: block; height: 6px; }
.serviceNum1 .blueLine { width: 10%; }
.serviceNum2 .blueLine { width: 20%; }
.serviceNum3 .blueLine { width: 30%; }
.serviceNum4 .blueLine { width: 40%; }
.serviceNum5 .blueLine { width: 50%; }
.serviceNum6 .blueLine { width: 60%; }
.serviceNum7 .blueLine { width: 70%; }
.serviceNum8 .blueLine { width: 80%; }
.serviceNum9 .blueLine { width: 90%; }
.serviceNum10 .blueLine { width: 100%; }
.serviceNum1 .item:nth-child(2) i { border-color: #108d6d; }
.serviceNum2 .item:nth-child(2) i, .serviceNum2 .item:nth-child(3) i { border-color: #108d6d; }
.serviceNum3 .item:nth-child(2) i, .serviceNum3 .item:nth-child(3) i, .serviceNum3 .item:nth-child(4) i { border-color: #108d6d; }
.serviceNum4 .item:nth-child(2) i, .serviceNum4 .item:nth-child(3) i, .serviceNum4 .item:nth-child(4) i, .serviceNum4 .item:nth-child(5) i { border-color: #108d6d; }
.serviceNum5 .item:nth-child(2) i, .serviceNum5 .item:nth-child(3) i, .serviceNum5 .item:nth-child(4) i, .serviceNum5 .item:nth-child(5) i, .serviceNum5 .item:nth-child(6) i { border-color: #108d6d; }
.serviceNum6 .item:nth-child(2) i, .serviceNum6 .item:nth-child(3) i, .serviceNum6 .item:nth-child(4) i, .serviceNum6 .item:nth-child(5) i, .serviceNum6 .item:nth-child(6) i, .serviceNum6 .item:nth-child(7) i { border-color: #108d6d; }
.serviceNum7 .item:nth-child(2) i, .serviceNum7 .item:nth-child(3) i, .serviceNum7 .item:nth-child(4) i, .serviceNum7 .item:nth-child(5) i, .serviceNum7 .item:nth-child(6) i, .serviceNum9 .item:nth-child(7) i, .serviceNum7 .item:nth-child(8) i { border-color: #108d6d; }
.serviceNum8 .item:nth-child(2) i, .serviceNum8 .item:nth-child(3) i, .serviceNum8 .item:nth-child(4) i, .serviceNum8 .item:nth-child(5) i, .serviceNum8 .item:nth-child(6) i, .serviceNum8 .item:nth-child(7) i, .serviceNum8 .item:nth-child(8) i, .serviceNum8 .item:nth-child(9) i { border-color: #108d6d; }
.serviceNum9 .item:nth-child(2) i, .serviceNum9 .item:nth-child(3) i, .serviceNum9 .item:nth-child(4) i, .serviceNum9 .item:nth-child(5) i, .serviceNum9 .item:nth-child(6) i, .serviceNum9 .item:nth-child(7) i, .serviceNum9 .item:nth-child(8) i, .serviceNum9 .item:nth-child(9) i, .serviceNum9 .item:nth-child(10) i { border-color: #108d6d; }
.serviceNum10 .item i { border-color: #108d6d; }
.serviceDemo { width: 816px; margin: 0px auto; }
.serviceDemo .item { cursor: pointer; margin: 0px 8px; border: 1px solid #fff; position: relative; overflow: hidden; display: block; }
.serviceDemo .item img { width: 100%; display: block; margin: 0px auto; }
.serviceDemo .item .icobg { background: url(../images/fd_bg.png) no-repeat; width: 82px; height: 82px; position: absolute; left: -140%; top: 50%; margin: -41px 0px 0px -41px; transition: 500ms; -webkit-transition: 500ms; -ms-transition: 500ms; }
.serviceDemo .item .ico { background: url(../images/fd.png) no-repeat; width: 23px; height: 24px; position: absolute; left: 110%; top: 50%; margin: -12px 0px 0px -12px; transition: 500ms; -webkit-transition: 500ms; -ms-transition: 500ms; }
.serviceDemo .item:hover { border-color: #108d6d; }
.serviceDemo .item:hover .icobg { left: 50%; }
.serviceDemo .item:hover .ico { left: 50%; }
html.openImg { overflow: hidden; }
.overlayClose { width: 52px; height: 52px; display: block; position: fixed; right: 5%; top: 2%; border-radius: 50%; transition: 300ms; -webkit-transition: 300ms; z-index: 100; }
.overlayClose i { background: url(../images/close2.png) no-repeat scroll center center; width: 100%; height: 100%; display: block; transition: 400ms; -webkit-transition: 400ms; }
.overlayClose:hover { background-color: #009470; }
.overlayClose:hover i { transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -moz-transform: rotate(90deg); }
.imgShowBox { background: url(../images/black_bg.png) repeat; background: none rgba(0,0,0,0.8); bottom: 0; left: 0; position: fixed; right: 0; top: 0; transform: translateY(100%); transition: all 800ms ease 0s; z-index: 1010; width: 100%; overflow: hidden; -webkit-overflow-scrolling: touch; }
.no-csstransitions .imgShowBox { display: none; }
.imgShowDemo { width: 100%; height: 100%; position: relative; overflow: hidden; }
.imgShowDemo .item { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; position: relative; background-size: contain; }
.imgShowDemo .img { vertical-align: middle; height: auto; width: auto; max-height: 100%; max-width: 100%; margin: auto; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; }
.imgShowDemo .txt { background: url(../images/black_bg4.png) repeat; background: none rgba(0,0,0,0.4); font-size: 16px; color: #fff; line-height: 65px; position: absolute; left: 0; right: 0; bottom: 0; height: 65px; }
.imgShowDemo .txt .i { padding-left: 3%; }
.hi-num { width: 85px; height: 65px; background: #272727; color: #fff; border-left: 1px solid #3a3a3a; position: absolute; bottom: 0; right: 0; text-align: center; line-height: 65px; font-size: 16px; }
.img-show { transform: translateY(0) !important; -webkit-transform: translateY(0) !important; }
.no-csstransitions .img-show { display: block; }
.imgShowDemo .owl-controls .owl-buttons div { position: absolute; padding: 0px; margin: 0px; border-radius: 0; width: 62px; height: 102px; overflow: hidden; text-indent: -10em; top: 50%; margin-top: -17px; background-color: #a0a0a0; background-position: center center; background-repeat: no-repeat; }
.imgShowDemo .owl-controls .owl-buttons div.owl-prev { left: 5%; background-image: url(../images/p_l2.png); }
.imgShowDemo .owl-controls .owl-buttons div.owl-next { right: 5%; background-image: url(../images/p_r2.png); }
.imgShowDemo .owl-controls .owl-buttons div.owl-prev:hover, .imgShowDemo .owl-controls .owl-buttons div.owl-next:hover { background-color: #108d6d; }
.servicePage { background-color: #fff; padding: 40px 0px; }
.servicePage .owl-theme .owl-controls { margin-top: 0px; }
.servicePage .owl-theme .owl-controls .owl-buttons div { width: 33px; height: 33px; top: 50%; margin-top: -16px; z-index: 10; background: url(../images/img_bg.png); text-align: center; color: #fff; font: 14px/33px "宋体"; border-radius: 50%; padding: 0px; position: absolute; }
.servicePage .owl-theme .owl-controls .owl-buttons div.owl-prev { left: -142px; }
.servicePage .owl-theme .owl-controls .owl-buttons div.owl-next { right: -142px; }
.happinessList dd { float: left; width: 33.33%; display: block; position: relative; }
.happinessList .img { display: block; width: 100%; }
.happinessList .wihl { background: url(../images/wihf.png) repeat; background: none rgba(255,255,255,0.9); position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; transform: scale(0.8); -webkit-transform: scale(0.8); -ms-transform: scale(0.8); opacity: 0; visibility: hidden; }
.happinessList .numbox { position: absolute; width: 74px; text-align: center; top: 30%; right: 50%; margin-right: -37px; transition: 300ms; -webkit-transition: 300ms; -ms-transition: 300ms; }
.happinessList .num { font: 180px/0.8 "HelveticaNeueCondensed","futura_lightregular","times new roman","microsoft yahei"; color: #e2932b; }
.no-csstransforms .happinessList .num { font-size: 60px; }
.no-csstransforms .happinessList .zh { font-size: 14px; }
.no-csstransforms .happinessList .con li { height: 102px; font-size: 12px; }
.no-csstransforms .happinessList .con li .ico { width: 40px; }
.no-csstransforms .happinessList dd:hover .by { top: 5%; }
.no-csstransforms .happinessList dd:hover .numbox { top: 4%; }
.happinessList .numbox .zh { font: 18px/1 "microsoft yahei"; color: #000; opacity: 0; visibility: hidden; transition: 300ms ease 200ms; -webkit-transition: 300ms ease 200ms; -ms-transition: 300ms ease 200ms; }
.happinessList .by { position: absolute; top: 50%; width: 68px; margin-top: 40px; text-align: center; left: 50%; margin-left: -34px; transition: 300ms; -webkit-transition: 300ms; -ms-transition: 300ms; border-top: 2px solid #d2d2d2; color: #f3e18c; font: 20px/1.2 "HelveticaNeueCondensed","futura_lightregular","times new roman","microsoft yahei"; padding: 25px 0px; }
.happinessList .con { position: absolute; left: 8%; bottom: 3%; width: 408px; opacity: 0; visibility: hidden; }
.happinessList .con li { float: left; display: block; width: 136px; color: #646464; font-size: 14px; height: 150px; line-height: 1.4; text-align: center; }
.happinessList .con li .ico { margin: 0px auto 10px; display: block; }
.happinessList dd:hover .wihl { opacity: 1; visibility: visible; transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1); }
.happinessList dd:hover .numbox { right: 10%; margin-right: 0px; top: 8%; }
.happinessList dd:hover .numbox .num { color: #108d6d; }
.happinessList dd:hover .zh { opacity: 1; visibility: visible; }
.happinessList dd:hover .by { left: 8%; margin: 0px; padding: 5px 0px; top: 16%; color: #108d6d; border-bottom: 2px solid #d2d2d2; border-top: 0px none; color: #108D6D; width: auto; }
.happinessList dd:hover .con { visibility: visible; opacity: 1; bottom: 5%; transition: 500ms ease 300ms; -webkit-transition: 500ms ease 400ms; -ms-transition: 500ms ease 300ms; }
.wholeheartedlyB { padding: 6% 0px; text-align: center; }
.ser-by { text-transform: uppercase; font: 14px/1.5 "futura_lightregular","times new roman","microsoft yahei"; color: #108D6D; }
.ser-en { font: 40px/1.2 "futuramedium","times new roman","microsoft yahei"; color: #108d6d; text-transform: uppercase; margin-bottom: 24px; }
.ser-zh { font-size: 30px; color: #646464; }
.ser-i { font-size: 18px; color: #646464; margin-bottom: 15px; }
.wholeheartedlyImg { background-attachment: fixed; width: 100%; padding: 12% 0px; background-size: cover; background-repeat: no-repeat; background-position: center center; color: #fff; }
.wholeheartedlyImg .con { text-align: center; font: 40px/1.2 "futuramedium","times new roman","microsoft yahei"; text-transform: uppercase; padding: 22px 0px; position: relative; }
.wholeheartedlyImg span { width: 52px; margin: 0px auto; height: 1px; display: block; background-color: #fff; position: absolute; left: 50%; margin-left: -26px; }
.wholeheartedlyImg .t { top: 0px; }
.wholeheartedlyImg .b { bottom: 0px; }
.twoServiceBox dd { float: left; display: block; width: 33.33%; *width: 33.3%; padding: 30px 0px; cursor: default; margin-bottom: 20px; transition: 300ms; -webkit-transition: 300ms; -ms-transition: 300ms; }
.twoServiceBox .ico { display: block; margin: 0px auto; width: 100px; margin-bottom: 8px; }
.twoServiceBox .t { text-align: center; font-size: 20px; color: #000; padding: 20px 0px 5px; transition: 300ms; -webkit-transition: 300ms; -ms-transition: 300ms; }
.twoServiceBox .lico { width: 0%; margin: 0px auto; height: 1px; display: block; background-color: #000; transition: 300ms; -webkit-transition: 300ms; -ms-transition: 300ms; }
.twoServiceBox .lico2 { width: 37px; margin: 0px auto; height: 1px; background-color: #000; display: block; transition: 300ms; -webkit-transition: 300ms; -ms-transition: 300ms; }
.twoServiceBox .c { padding-top: 52px; width: 76%; margin: 0px auto; overflow: hidden; height: 72px; }
.twoServiceBox dd:hover { background-color: #fff; }
.twoServiceBox dd:hover .lico { width: 70%; }
.twoServiceBox dd:hover .lico2 { opacity: 0; visibility: visible; }
.threeSerBox { height: 896px; }
.goldBox { float: left; width: 40%; *width: 39.9%; height: 100%; padding: 0px 5%; background-color: #e6f8e7; }
.goldBox .ser-by { padding-top: 5%; line-height: 1.2; color: #f9a330; }
.goldBox .ser-en { color: #f9a330; margin-bottom: 0px; font-size: 50px; }
.goldBox .ser-zh { color: #323232; margin-bottom: 5%; }
.goldBox .img { width: 86%; margin: 0px auto; position: relative; }
.goldBox .img img { width: 100%; }
.goldBox .img a { background: url(../images/i3.png) no-repeat; width: 26px; height: 26px; position: absolute; transition: 400ms; -webkit-transition: 400ms; }
.goldBox .img a:hover { transform: rotate(90deg); -webkit-transform: rotate(90deg); }
.goldBox .img a.act { background: url(../images/i2.png) no-repeat; }
.goldBox .img a.i1 { right: 23%; top: 50%; }
.goldBox .img a.i2 { right: 12%; top: 63%; }
.goldBox .img a.i3 { right: 30%; top: 64%; }
.goldBox .img a.i4 { right: 37%; top: 75%; }
.threeSerBox .rightBox { float: left; height: 100%; width: 50%; }
.goldDemo { background: url(../images/s.jpg) no-repeat scroll center center; background-size: cover; height: 448px; position: relative; }
.goldDemo .name { width: 97px; background: url(../images/m.png) no-repeat scroll 42px center #fff; padding: 10px 0px 10px 78px; position: absolute; left: -14px; top: 163px; }
.goldDemo .name span { display: block; color: #352f27; }
.goldDemo .name span.en { font: 20px/1.1 "HelveticaNeueCondensed","futura_lightregular","times new roman","microsoft yahei"; text-transform: uppercase; }
.goldDemo .name span.zh { font-size: 25px; }
.goldDemo a { color: #fff; }
.goldDemo a:hover { color: #f9a330; }
.goldDemo .list { width: 258px; float: right; display: block; margin: 163px 15% 0px 0px; font-size: 20px; }
.goldDemo .list li { border-bottom: 1px solid #fff; padding-bottom: 10px; margin-bottom: 10px; }
.goldDemo .list .last { text-align: right; border-bottom: 0px none; padding: 8px 0px 0px; margin-bottom: 0px; font-size: 16x; text-transform: uppercase; }
.RepairPage { background-color: #e1e1e1; height: 448px; position: relative; }
.RepairPage .item1 { float: left; padding: 5% 0px 0px 5%; width: 40%; }
.RepairPage .ser-by { color: #646464; }
.RepairPage .ser-en { color: #646464; margin-bottom: 0px; font: 60px/0.8 "futuramedium","times new roman","microsoft yahei";; }
.RepairPage .ser-zh { color: #352f27; font-size: 20px; }
.RepairPage .ico { background: url(../images/xico.png) no-repeat; width: 76px; height: 74px; position: absolute; left: 5%; bottom: 5%; display: block; }
.RepairPage .item2 { width: 285px; position: absolute; right: 5%; bottom: 5%; }
.retxt { width: 255px; padding: 5px 15px; height: 30px; line-height: 30px; color: #352F27; font-family: "microsoft yahei"; font-size: 14px; border: 0px none; margin-bottom: 12px; }
.retxt2 { height: 112px; resize: none; }
#RepairPage textarea { outline: none; height: 60px; line-height: 22px; }
#RepairPage input[type="text"]:focus, #RepairPage textarea:focus { background-color: #646464; color: #fff; }
.mbtn:hover { background-color: #009470; color: #fff; }
.mbtn { float: right; width: 100px; height: 34px; line-height: 34px; text-align: center; background-color: #fff; display: block; color: #352F27; font-size: 14px; font-family: "microsoft yahei"; }
#storePage a:link, #storePage a:visited { color: #787878; }
#storePage a:active, #storePage a:hover { color: #009572; }
#storePage { text-align: center; font-size: 14px; color: #646464; }
#storePage .inner { width: 1000px; }
#storePage .ser-en { font-size: 60px; margin-bottom: 10px; }
#storePage .ser-i { margin-bottom: 45px; }
.ser-c { padding-bottom: 40px; }
.fakeBox { padding: 0px 84px 0px 45px; position: relative; }
.fakeBox .retxt3 { width: 92%; padding: 0px 4%; height: 32px; border: 2px solid #009572; float: left; }
#storePage .fakeBox a.mbtn2 { height: 36px; line-height: 36px; width: 80px; display: block; position: absolute; right: 0px; top: 0px; background-color: #f9a330; font-size: 14px; color: #fff; }
#storePage .fakeBox a.mbtn2:hover { background-color: #009470; }
#storePage .telT { font-size: 18px; background: url(../images/u_arrow.png) no-repeat scroll center bottom; padding-bottom: 32px; margin-bottom: 20px; }
#storePage .tel { font-size: 28px; -webkit-animation: maincI1 1s linear infinite; animation: maincI1 1s linear infinite; }

@-webkit-keyframes maincI1 {
    0% { -webkit-transform: scale(1); color: #f9a330; }
    25% { -webkit-transform: scale(1.08); color: #00865E; }
    50% { -webkit-transform: scale(1.15); color: #646464; }
    75% { -webkit-transform: scale(1.08); color: #f9a330; }
    100% { -webkit-transform: scale(1); color: #00865E; }
}

@-moz-keyframes maincI1 {
    0% { -moz-transform: scale(1); color: #f9a330; }
    25% { -moz-transform: scale(1.08); color: #00865E; }
    50% { -moz-transform: scale(1.15); color: #646464; }
    75% { -moz-transform: scale(1.08); color: #f9a330; }
    100% { -moz-transform: scale(1); color: #00865E; }
}

@keyframes maincI1 {
    0% { transform: scale(1); color: #f9a330; }
    25% { transform: scale(1.08); color: #00865E; }
    50% { transform: scale(1.15); color: #646464; }
    75% { transform: scale(1.08); color: #f9a330; }
    100% { transform: scale(1); color: #00865E; }
}
/*service style end*/
/*product sytle*/
.proBox { /*padding-right: 208px;*/ position: relative; }
.proBox .flex-direction-nav .flex-nav-prev { display: none; }
.proBox .flex-direction-nav .flex-next { position: absolute; top: 0; width: 208px; bottom: 0; z-index: 200; margin: 0px; height: 100%; right: -208px; background-repeat: no-repeat; background-position: left center; height: 100%; background-size: cover; transition: 400ms; -webkit-transition: 400ms; }
.proBox .flex-direction-nav .sname { position: absolute; top: 50%; color: #fff; left: 0px; font-size: 16px; width: 100%; text-align: center; }
.proBanner { width: 100%; position: relative; }
.proBanner .pic { position: relative; width: 100%; overflow: hidden; height: 100%; }
.proBanner .pic .img { position: absolute; width: 100%; display: block; }
.proBanner .colorItem .con { color: #555555; }
.proBanner .colorItem .btn-more { background-color: #555; }
.proBanner .con { position: absolute; left: 8%; top: 40%; color: #fff; font-size: 14px; }
.proBanner .con .t { font-size: 40px; }
.proBanner .btn-more { margin: 15% 0px 0px; }
.proBanner .flex-control-nav { height: 21px; bottom: 8%; position: absolute; width: auto; right: 30px; z-index: 99; }
.proBanner .flex-control-nav li { height: 21px; width: 3px; float: left; display: block; margin: 0px 4px; }
.proBanner .flex-control-paging li a { background-color: #fff; width: 100%; height: 11px; margin-top: 10px; }
.proBanner .flex-control-paging li a.flex-active { height: 21px; margin-top: 0px; }
.proBox .flex-direction-nav .flex-next:hover { width: 343px; }
.proBox .flex-direction-nav .flex-next:hover .sname { text-align: left; width: auto; }
.proBox .flex-direction-nav .flex-next:hover .sname .jt { background: url(../images/jt.png) no-repeat scroll right center; padding-left: 121px; margin: 0px 10px; height: 18px; transition: 500ms ease 300ms; -webkit-transition: 500ms ease 300ms; }
.productNav { *background-color: #eeeeee; }
.productNav li { float: left; display: block; width: 10%; *width: 9.97%; text-align: center; }
.productNav a { display: block; padding: 18px 0px; height: 96px; font-size: 14px; color: #323232; background-color: #eeeeee; }
.productNav a:hover, .productNav li.act a, .productNav li a.act { background-color: #d0d0d0; }
.productNav li.blue a:hover, .productNav li.blue.act a, .productNav li.blue a.act { background-color: #008665; }
.productNav a .ico { width: 50px; height: 50px; display: block; margin: 0px auto 12px; }
.productNav li.blue a { background-color: #0aac84; color: #fff; }
.productNav .promore { padding: 52px 0px 0px; height: 108px; display: block; font-size: 14px; color: #323232; background-color: #e5e5e5; }
.productNav .promore .name { background: url(../images/promore.png) no-repeat scroll center bottom; padding-bottom: 30px; transition: 300ms; -webkit-transition: 300ms; }
.productNav .promore:hover .name { padding-bottom: 40px; }
.screenBox { border-top: 1px solid #009470; margin: 0px auto; background-color: #e5e5e5; padding: 38px 0px 30px; font-size: 14px; position: relative; }
.screenBox a { color: #646464; }
.screenitem1 { display: block; width: auto; padding: 0px 60px; }
.screenBox dd { padding-bottom: 5px; }
.by-conditions-title { float: left; display: block; width: 82px; margin-right: 20px; color: #323232; font-weight: bold; }
.by-conditions-con { float: left; display: block; }
.by-conditions-con a { padding: 1px 5px; margin-right: 8px; border-radius: 8px; }
.by-conditions-con a:hover, .by-conditions-con a.act { background-color: #009470; color: #fff; }
.serachBox { width: 160px; height: 24px; border: 1px solid #c9c9c9; padding: 0px 10px; overflow: hidden; border-radius: 14px; position: absolute; right: 5%; bottom: 62px; }
.serachTxt, .serachBtn { margin: 0px; padding: 0px; height: 24px; line-height: 24px; float: left; display: block; border: 0px none; background: transparent; }
.serachTxt { width: 128px; color: #4e4e4e; }
.serachBtn { background: url(../images/fs.png) no-repeat scroll center center; width: 32px; cursor: pointer; }
.screenBtn { background-color: #009470; height: 92px; line-height: 92px; text-align: center; display: none; }
.screenBtn span { background: url(../images/f5.png) no-repeat scroll left center; padding-left: 62px; font: 20px/92px "microsoft yahei"; color: #fff; display: inline-block; }
.screenBtn:hover { background-color: #a0a0a0; }
.screenT { height: 66px; background-color: #dcdcdc; padding: 0px 0px 0px 35px; position: fixed; right: -320px; top: 0px; width: 80%; max-width: 320px; box-sizing: border-box; color: #009470; font: 20px/66px "microsoft yahei"; z-index: 100; -webkit-transition: 400ms; -moz-transition: 400ms; -o-transition: 400ms; transition: 400ms; }
.screenT i { background: url(../images/close.png) no-repeat scroll center center; width: 66px; height: 66px; float: right; display: block; }
.screenb { height: 50px; width: 80%; max-width: 320px; position: fixed; right: -320px; bottom: 0px; z-index: 100; -webkit-transition: 400ms; -moz-transition: 400ms; -o-transition: 400ms; transition: 400ms; }
.resetbtn, .okbtn { width: 50%; float: left; display: block; text-align: center; line-height: 50px; height: 50px; font-size: 16px; }
.resetbtn { background-color: #dcdcdc; color: #323232; }
.okbtn { background-color: #f26933; color: #fff; }
.bgmenu { background-color: rgba(0,0,0,0.8); position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 1004; display: none; -webkit-overflow-scrolling: touch; }
.productList dd { float: left; display: block; margin: 0px 0.5% 34px; *margin: 0px 1% 34px 0px; width: 24%; position: relative; }
.productList .img { overflow: hidden; }
.productList .img img { width: 100%; display: block; transition: 500ms; -webkit-transition: 500ms; }
.productList .con { background-color: #fff; padding: 5px 18px 0px; color: #646464; height: 56px; overflow: hidden; }
.productList .con .name { font-size: 18px; line-height: 1.2; }
.productList .bot { width: 0px; height: 3px; background-color: #facd89; position: absolute; left: 0px; bottom: 0px; transition: 500ms; -webkit-transition: 500ms; }
.productList .botoom { position: absolute; bottom: 58px; right: 22px; opacity: 0; visibility: hidden; transition: 400ms; -webkit-transition: 400ms; }
.productList dd:hover .img img { transform: scale(1.1); -webkit-transform: scale(1.1); -ms-transform: scale(1.1); }
.productList dd:hover .con { background-color: #009572; color: #fff; }
.productList dd:hover .bot { width: 100%; }
.productList dd:hover .botoom { bottom: 68px; opacity: 1; visibility: visible; }
.pager3 { padding: 20px 0px 40px; }
.psico { background: url(../images/ico_bg.png) no-repeat; width: 30px; height: 30px; display: inline-block; margin: 0px 5px; }
.psico i { background: url(../images/ico.png) no-repeat; width: 30px; height: 30px; display: block; }
.psico .ps1 { background-position: 0px 0px; }
.psico .ps2 { background-position: -39px 0px; }
.psico .ps3 { background-position: -78px 0px; }
.psico:hover { background-position: -39px 0px; }
.psico:hover .ps1 { background-position: 0px -30px; }
.psico:hover .ps2 { background-position: -39px -30px; }
.psico:hover .ps3 { background-position: -78px -30px; }
.proTop { height: 142px; }
.prolistType { background-color: #009470; padding: 8px 0px; background-color: #009470; font-size: 14px; text-align: center; color: #fff; }
.prolistType a:link, .prolistType a:visited { color: #fff; }
.prolistType a:active, .prolistType a:hover { color: #009470; }
.prolistType a { padding: 2px 15px; margin: 0px 5px; border-radius: 12px; }
.prolistType a:hover, .prolistType a.act { background-color: #fff; color: #009470; }
.proListBanner { overflow: hidden; position: relative; background-size: cover; background-repeat: no-repeat; background-position: center center; }
.proListBanner .proinner { position: absolute; width: 1440px; left: 50%; bottom: 8%; margin-left: -720px; }
.proListBanner .img { width: 100%; display: block; }
.proListBanner .pcon { position: relative; padding: 54px 48px 70px; float: right; display: block; color: #fff; font-size: 14px; width: 310px; }
.proListBanner .pcon .bg { background-color: #eaba7d; filter: alpha(opacity=70); opacity: 0.7; display: block; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }
.proListBanner .pcon p, .proListBanner .pcon div { position: relative; z-index: 2; }
.proListBanner .en { font: 40px/1.1 "futura_lightregular","times new roman","microsoft yahei"; text-transform: uppercase; }
.proListBanner .zh { font: 35px/1.4 "microsoft yahei"; }
.proListBanner .bot { height: 1px; overflow: hidden; width: 70px; background-color: #fff; margin: 38px 0px; }
.proListBanner .c { line-height: 1.5; }
.proList { width: 1460px; margin: 0px auto; }
.proList ul { position: relative; }
.proList li { float: left; display: block; width: 42%; font-size: 14px; }
.proList .item .img { width: 100%; display: block; }
.proList li.item2 { color: #fff; width: 16%; color: #fff; }
.proList .item { display: block; position: relative; margin: 0px 10px 20px; height: 364px; overflow: hidden; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
.proList .item .colorbg { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }
.verMidOut { display: table; position: absolute; left: 0px; top: 0px; padding: 0px 5%; width: 90%; height: 100%; text-align: center; z-index: 10; }
.verMidMid { display: table-cell; top: 50%; vertical-align: middle; width: 100%; text-align: center; color: #fff; }
.verMidIn { position: relative; top: -50%; width: 100%; }
.proList .img { width: 100%; display: block; transition: 500ms; -webkit-transition: 500ms; -ms-transition: 500ms; }
.proList .black { background: url(../images/black_bg8.png) repeat; background: none rgba(0,0,0,0.5); width: 98%; height: 96%; position: absolute; left: 1%; top: 2%; -webkit-transform: scale(0.5); transform: scale(0.5); opacity: 0; filter: alpha(opacity=0); transition: 400ms; -webkit-transition: 400ms; -ms-transition: 400ms; }
.proList .con { position: absolute; width: 100%; top: 38%; text-align: center; color: #000000; }
.proList .con .en { font: 30px/1.1 "futura_lightregular","times new roman","microsoft yahei"; text-transform: uppercase; }
.proList .con .bot { height: 1px; margin: 10px auto; width: 20px; background-color: #000; display: block; transition: 300ms; -webkit-transition: 300ms; -ms-transition: 300ms; }
.proList .con .zh { font-size: 16px; }
.proList a:hover .img { -webkit-transform: scale(1.12); transform: scale(1.12); }
.proList a:hover .black { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); transform: scale(1); }
.proList a:hover .con { color: #fff; }
.proList a:hover .con .bot { background-color: #fff; width: 100px; }
.pageCur { background-color: #009571; padding: 0px 5%; margin-top: 142px; color: #fff; height: 30px; line-height: 30px; }
.pageCur a:link, .pageCur a:visited { color: #fff; }
.pageCur a:active, .pageCur a:hover { color: #f87744; }
.proinfoImgBox a:link, .proinfoImgBox a:visited { color: #00865E; }
.proinfoImgBox a:active, .proinfoImgBox a:hover { color: #EA5B24; }
.proinfoImgBox { background-color: #fef9fb; padding: 38px 0px 0px; position: relative; z-index: 2; }
.proinfoImgBox .sjico { background: url(../images/sj4.png) no-repeat; width: 33px; height: 33px; position: absolute; left: 50%; bottom: -16px; margin-left: -16px; }
.proinfoImg { width: 1294px; margin: 0px auto; overflow: hidden; }
.proinfoImg img { width: 100%; display: block; }
.proinfoDemo { position: relative; top: -82px; width: 960px; margin: 0px auto; padding: 36px 0px 0px; background-color: #fff; }
.proinfoDemo dt { width: 320px; height: 112px; background-position: center center; background-repeat: no-repeat; float: left; display: block; }
.proinfoDemo dd { float: left; display: block; width: 540px; padding: 0px 50px 54px; position: relative; }
.proinfoDemo .t { color: #2dd3ac; font: 30px/1.1 "futura_lightregular","times new roman","microsoft yahei"; margin-bottom: 12px; }
.proinfoDemo .c { color: #585858; font-size: 14px; }
.proinfoDemo .bot { height: 4px; position: absolute; left: 0px; bottom: 0px; width: 100%; background-color: #009572; }
.proinfoList { width: 1294px; margin: 0px auto; }
.proinfoList ul { margin-left: -1%; }
.proinfoList li { float: left; display: block; margin: 0px 0px 66px 1%; width: 32.33%; *width: 32.3%; position: relative; cursor: pointer; }
.proinfoList .img { display: block; width: 100%; }
.proinfoList .botoomN { width: 30px; position: absolute; right: 5%; top: 5%; opacity: 0; visibility: hidden; z-index: 6; height: 100%; transition: 300ms ease 200ms; -webkit-transition: 300ms ease 200ms; }
.proinfoList .botoomN .psico { margin: 0px 0px 5px; display: block; }
.proinfoList .bg { background: url(../images/blue_bg.png) repeat; background: none rgba(0,149,114,0.9); position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; transition: 300ms; -webkit-transition: 300ms; opacity: 0; filter: alpha(opacity=0); }
.proinfoList .ico-bg { background: url(../images/fd_bg2.png) no-repeat; width: 127px; height: 129px; position: absolute; left: 50%; top: 50%; margin: -64px 0px 0px -62px; -webkit-transform: scale(0.5); transform: scale(0.5); opacity: 0; visibility: hidden; transition: 400ms; -webkit-transition: 400ms; -ms-transition: 400ms; }
.proinfoList .ico { background: url(../images/fd2.png) no-repeat; width: 47px; height: 47px; position: absolute; left: 50%; top: 50%; margin: -23px 0px 0px -23px; -webkit-transform: scale(1.1); transform: scale(1.1); opacity: 0; visibility: hidden; transition: 400ms; -webkit-transition: 400ms; -ms-transition: 400ms; }
.proinfoList li:hover .botoomN { opacity: 1; visibility: visible; }
.proinfoList li:hover .bg { opacity: 1; filter: alpha(opacity=1); }
.proinfoList li:hover .ico-bg { -webkit-transform: scale(1); transform: scale(1); opacity: 1; visibility: visible; }
.proinfoList li:hover .ico { -webkit-transform: scale(1); transform: scale(1); opacity: 1; visibility: visible; }
.imgShowDemo2 .owl-controls .owl-buttons div { width: 78px; height: 78px; border: 1px solid #a0a0a0; border-radius: 8px; background-color: transparent; }
.imgShowDemo2 .owl-controls .owl-buttons div.owl-prev { left: 5%; background-image: url(../images/p_l3.png); }
.imgShowDemo2 .owl-controls .owl-buttons div.owl-next { right: 5%; background-image: url(../images/p_r3.png); }
.imgShowDemo2 .owl-controls .owl-buttons div.owl-prev:hover, .imgShowDemo2 .owl-controls .owl-buttons div.owl-next:hover { border: 1px solid #108d6d; }
.imgShowDemo .owl-controls .owl-buttons div.owl-prev.disabled, .imgShowDemo .owl-controls .owl-buttons div.owl-next.disabled { background-color: #969696; }
.imgShowDemo2 .owl-controls .owl-buttons div.owl-prev.disabled, .imgShowDemo2 .owl-controls .owl-buttons div.owl-next.disabled { border: 1px solid #969696; }
.proListPage { background-attachment: fixed; background-size: cover; background-repeat: no-repeat; }
.proList2 { width: 1461px; margin: 0px auto; }
.proList2 a:link, .proList2 a:visited { color: #060606; }
.proList2 a:active, .proList2 a:hover { color: #060606; }
.proList2 li { float: left; display: block; width: 487px; margin-bottom: 25px; }
.proList2 a.item { margin: 0px 13px; display: block; background-color: #a8fee9; position: relative; overflow: hidden; }
.proList2 li .img { width: 100%; display: block; transition: 500ms; -webkit-transition: 500ms; -ms-transition: 500ms; }
.proList2 li.twoItem { width: 974px; }
.proList2 li.twoItem .img { width: 461px; }
.filler2 { position: absolute; display: block; -webkit-transition: 0.4s ease 0.2s; -moz-transition: 0.4s 0.2s; -o-transition: 0.4s 0.2s; transition: 0.4s 0.2s; }
.proList2 .filler2 { background-color: #08a27c; z-index: 5; }
.proList2 .filler2-left { width: 1px; height: 0%; left: 1%; bottom: 2%; }
.proList2 .filler2-right { width: 1px; height: 0%; right: 1%; top: 2%; }
.proList2 .filler2-top { width: 0%; height: 1px; left: 1%; top: 2%; }
.proList2 .filler2-bottom { width: 0%; height: 1px; right: 1%; bottom: 2%; }
.proList2 a:hover .filler2-left { height: 96%; }
.proList2 a:hover .filler2-right { height: 96%; }
.proList2 a:hover .filler2-top { width: 98%; }
.proList2 a:hover .filler2-bottom { width: 98%; }
.proList2 .oneItem .black { background: url(../images/black_bg8.png) repeat; background: none rgba(0,0,0,0.5); width: 96%; height: 96%; position: absolute; left: 2%; top: 2%; -webkit-transform: scale(0.5); transform: scale(0.5); opacity: 0; filter: alpha(opacity=0); transition: 400ms; -webkit-transition: 400ms; -ms-transition: 400ms; }
.proList2 .oneItem .con { position: absolute; width: 100%; top: 38%; text-align: center; color: #fff; }
.proList2 .con .en { font: 30px/1.1 "futura_lightregular","times new roman","microsoft yahei"; text-transform: uppercase; }
.proList2 .con .bot { height: 1px; margin: 10px auto; width: 20px; background-color: #fff; display: block; transition: 400ms; -webkit-transition: 400ms; -ms-transition: 400ms; }
.proList2 .con .zh { font-size: 16px; }
.proList2 .oneItem a:hover .img { -webkit-transform: scale(1.12); transform: scale(1.12); }
.proList2 .oneItem a:hover .black { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); transform: scale(1); }
.proList2 .oneItem a:hover .con .bot { width: 150px; }
.proList2 .twoItem .con { position: absolute; left: 54%; top: 8%; height: 70%; width: 44%; }
.proList2 .twoItem .con .bot { margin: 10px 0px; background-color: #060606; }
.proList2 .twoItem .con .c { position: absolute; left: 0px; bottom: 0%; width: 74%; font-size: 14px; }
.proList2 .twoItem a:hover .con .bot { width: 150px; background-color: #00865E; }
.proTypeBox { background-color: #009572; padding: 52px 0px 42px; color: #fff; }
.wpro { width: 826px; margin: 0px auto; }
.wpro .en { font: 85px/0.8 "futura_lightregular","times new roman","microsoft yahei"; text-transform: uppercase; margin-bottom: 20px; }
.wpro .zh { font-size: 25px; }
.productPBox { position: relative; overflow: hidden; }
.productPBox .img { width: 100%; display: block; }
.productPCon a:link, .productPCon a:visited { color: #fff; }
.productPCon a:active, .productPCon a:hover { color: #fff; }
.productPCon { width: 770px; margin: 0px auto; position: absolute; left: 50%; margin-left: -385px; top: 20%; background: url(../images/blue_bg.png) repeat; background: none rgba(0,149,114,0.9); color: #fff; }
.productPCon dt { float: left; display: block; padding: 25px 30px; width: 290px; color: #2fc3a1; font: 80px/1.1 "futura_lightregular","times new roman","microsoft yahei"; text-transform: uppercase; }
.productPCon dd { float: left; display: block; width: 350px; padding: 30px 0px; font-size: 14px; }
.productPCon .t { font-size: 25px; line-height: 1.2; border-bottom: 1px solid #30c4a2; padding-bottom: 15px; margin-bottom: 8%; }
.productPCon .t .en { font-size: 14px; float: right; text-align: right; }
.proContact a:link, .proContact a:visited { color: #fff; }
.proContact a:active, .proContact a:hover { color: #fff; }
.proContact { background: url(../images/black_bg3.png) repeat; background: none rgba(0,0,0,0.5); color: #fff; padding: 10px 0px; position: absolute; left: 0px; bottom: 0px; width: 100%; }
.proContact dt { color: #fff; font-size: 20px; float: left; width: 45%; }
.proContact dt .en2 { text-transform: uppercase; padding-left: 5px; }
.proContact dd { float: left; display: block; width: 55%; font-size: 20px; text-align: right; }
/*.exprienceBox { width: 29%; padding-left: 21%; float: left; display: block; background: url(../images/cbg0.jpg) no-repeat scroll center bottom #ebeaed; height: 331px; }
.exprienceBox .en { font: 32px/1.4 "futura_lightregular","times new roman","microsoft yahei"; color: #c8c8c8; padding-top: 80px; }
.exprienceBox .zh { font: 18px/1.2 "microsoft yahei"; color: #646464; margin-bottom: 40px; }
.exprienceBox .btn-more { margin: 0px; }
.furnitureBox { background: url(../images/cbg.jpg) no-repeat scroll right bottom #fff; height: 330px; float: left; width: 50%; overflow: hidden; }
.furnitureDemo { height: 330px; }
.furnitureDemo .t { font: 18px/1.4 "microsoft yahei"; color: #323232; padding: 6% 0px 1%; width: 80%; margin: 0px auto; }
.furnitureDemo .en { font: 32px/1.2 "futura_lightregular","times new roman","microsoft yahei"; color: #c8c8c8; width: 80%; margin: 0px auto; }
.furnitureDemo .by { font: bold 18px/1.4 "microsoft yahei"; color: #009470; width: 80%; margin: 0px auto; }
.furnitureDemo .con { padding-top: 30px; color: #646464; font-size: 14px; width: 80%; margin: 0px auto; }
.furnitureDemo .slick-prev, .furnitureDemo .slick-next { position: absolute; width: 23px; height: 23px; top: 50%; margin-top: -11px; z-index: 100; }
.furnitureDemo .slick-prev { left: 22px; background: url(../images/l_j.png) no-repeat scroll left center; }
.furnitureDemo .slick-next { right: 22px; background: url(../images/l_j2.png) no-repeat scroll right center; }
.pageCur2 { background-color: #009571; }
.proIPage .img { width: 100%; display: block; }
.proIPage .ic { border: 1px solid #009470; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }
.proIbox1 { float: left; width: 25%; overflow: hidden; display: block; position: relative; }
.proIboxR { width: 75%; float: left; display: block; }
.itemImg { position: relative; overflow: hidden; background-color: #000; }
.itemImg img { width: 100%; display: block; transition: 500ms; -webkit-transition: 500ms; -ms-transition: 500ms; }
.itemImg .botoomN { position: absolute; left: 2%; top: 6%; width: 30px; opacity: 0; visibility: hidden; transition: 300ms; -webkit-transition: 300ms; }
.itemC { position: relative; overflow: hidden; }
.itemC .con { position: absolute; left: 20%; top: 45%; }
.itemC .con .t { font: 32px/1.2 "futura_lightregular","times new roman","microsoft yahei"; color: #c8c8c8; }
.itemC .con .c { font: 18px/1.5 "microsoft yahei"; color: #000; padding: 26px 0px; }
.itemC .con .lico { height: 4px; background-color: #d2d2d2; width: 60px; display: block; transition: 300ms; -webkit-transition: 300ms; }
.itemImg:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); -ms-transform: scale(1.1); opacity: 0.8; }
.proIbox2 { float: left; display: block; width: 25%; position: relative; }
.proIbox3 { float: left; width: 50%; display: block; position: relative; }
.proIbox3 .itemC, .proIbox3 .itemImg { float: left; display: block; width: 50%; }
.proIbox4 { float: left; display: block; width: 50%; position: relative; }
.proIbox4 .itemC, .proIbox4 .itemImg { float: left; display: block; width: 50%; }
.proIbox1:hover, .proIbox3:hover, .proIbox4:hover { border: 1px solid #009470; box-sizing: border-box; }
.proIbox1:hover .botoomN, .proIbox3:hover .botoomN, .proIbox4:hover .botoomN { opacity: 1; visibility: visible; top: 4%; }
.proIbox1:hover .lico, .proIbox3:hover .lico, .proIbox4:hover .lico { background-color: #009571; }
.proIpic { position: relative; width: 100%; }
.proIpic .slides li { position: relative; overflow: hidden; }
.proIpic .img { width: 100%; display: block; overflow: hidden; }
.proIpic .con { position: absolute; width: 100%; text-align: center; color: #fff; font-size: 14px; bottom: 4%; }
.proIpic .flex-direction-nav a { width: 100px; height: 100px; border-radius: 50%; position: absolute; top: 50%; margin-top: -50px; background-size: cover; }
.proIpic .flex-direction-nav a .ico { position: absolute; width: 100%; height: 100%; background-color: rgba(0,0,0,0.3); background-repeat: no-repeat; background-position: center center; color: #fff; }
.proIpic .flex-direction-nav a.flex-prev .ico2, .proIpic .flex-direction-nav a.flex-next .ico2 { background-image: none; }
.proIpic .flex-direction-nav .flex-prev { left: 2%; }
.proIpic .flex-direction-nav .flex-prev .ico { background-image: url(../images/img_l.png); }
.proIpic .flex-direction-nav .flex-next { right: 2%; }
.proIpic .flex-direction-nav .flex-next .ico { background-image: url(../images/img_r.png); }
.proPrev, .proNext { display: none; width: 100px; line-height: 100px; text-align: center; color: #fff; height: 100px; border-radius: 50%; position: absolute; top: 50%; margin-top: -50px; background-color: rgba(0,0,0,0.3); z-index: 100; overflow: hidden; }
.proPrev { left: 2%; }
.proNext { right: 2%; }*/
/*product style end*/
/*security style*/
.securityPage { padding: 180px 0px 75px; }
.securityT { font: 30px/1.8 "microsoft yahei"; color: #009572; }
.securityen { font: 20px/1.5 "microsoft yahei"; color: #c8c8c8; margin-bottom: 26px; }
.cityinfo { margin-bottom: 20px; font-size: 14px; }
select.selbox2 { width: 200px; height: 38px; line-height: 38px; padding: 0px 0px 0px 15px; vertical-align: middle; border: 1px solid #e5e5e5; background-color: #e5e5e5; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-family: "microsoft yahei"; color: #646464; cursor: pointer; display: block; font-size: 14px; margin-right: 8px; background: url(../images/sico.png) no-repeat scroll 90% center; float: left; display: block; }
.no-csstransitions select.selbox2 { padding-left: 0; }
select.selbox2 option { padding: 2px 15px; }
select.selbox2:hover { color: #101010; border: 1px solid #009572; }
.queryBtn { border: 1px solid #e5e5e5; width: 88px; height: 38px; float: left; display: block; text-align: center; color: #646464; background: none; font-family: 'Microsoft YaHei'; line-height: 38px; }
.queryBtn:hover { background-color: #009470; color: #fff; }
.securitylist ul { margin-left: -2%; }
.securitylist li { float: left; width: 31.33%; margin-left: 2%; background-color: #FFF; color: #969696; }
.securitylist .num { font: 29px/2.5 "microsoft yahei"; color: #969696; text-align: right; padding: 0px 22px; }
.securitylist li { font-size: 14px; margin-bottom: 45px; }
.securitylist a:link, .securitylist a:visited { color: #646464; }
.securitylist a:active, .securitylist a:hover { color: #009470; }
.securitylist .con { height: 108px; padding: 0px 24px; }
/*security style end*/
/*hr style*/
.hrTop { background-color: #F8F8F8; position: fixed; left: 0px; top: 0px; width: 100%; height: 142px; z-index: 1000; transition: 300ms; -webkit-transition: 300ms; }
.logo .name { position: absolute; right: -135px; top: 4px; font-size: 20px; background-color: #009572; padding: 0px 16px; display: inline-block; border-radius: 14px; }
.homeBtn { background-color: #009572; position: absolute; right: 0px; top: 0px; padding: 33px 0px; display: block; height: 76px; width: 136px; text-align: center; color: #fff; }
.topfix .homeBtn { height: 90px; }
.homeBtn .ico { font-size: 16px; background: url(../images/home1.png) no-repeat scroll center 13px; padding-top: 48px; display: block; }
.homeBtn:hover { background-color: #ea5b24; }
.hrMenu a:link, .hrMenu a:visited { color: #009572; }
.hrMenu a:active, .hrMenu a:hover { color: #fff; }
.hrMenu { text-align: center; width: 460px; margin: 0px auto; padding-left: 150px; }
.hrMenu a { width: 115px; text-align: center; display: inline-block; padding: 33px 0px; height: 76px; line-height: 76px; font-size: 16px; position: relative; float: left; }
.topfix .hrMenu a { height: 90px; line-height: 90px; }
.hrMenu a .cbg { position: absolute; background-color: #009572; bottom: 0%; left: 0px; width: 100%; height: 0px; transition: 300ms; -webkit-transition: 300ms; }
.hrMenu a .i { position: relative; z-index: 1; }
.hrMenu a.act .cbg { height: 100%; }
.hrMenu a.act .i { color: #fff; }
.hrTop.topfix { height: 90px; background-color: #f8f8f8; background-color: rgba(255,255,255,0.9); }
.topfix .homeBtn, .topfix .hrMenu a { padding: 0px; }
.homeBtn .ico { padding-top: 50px; }
.img_bg { background: url(../images/yy.png) repeat; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }
.pbanner3 .img_bg { background-image: url(../images/yy2.png); }
.pbannerbox { position: relative; overflow: hidden; }
.pbannerbox .con2 { position: absolute; width: 90%; left: 5%; top: 50%; height: 122px; margin-top: 10px; text-align: center; color: #fff; }
.pbannerbox .con2 .t { font: 50px/1.8 "microsoft yahei"; transition: 400ms ease 0ms; -webkit-transition: 400ms ease 0ms; transform: translate(0px,0px); -webkit-transform: translate(0px,0px); }
.pbannerbox .con2 .c { font-size: 18px; transition: 400ms ease 300ms; -webkit-transition: 400ms ease 300ms; transform: translate(0px,0px); -webkit-transform: translate(0px,0px); }
.hrAbout_box { text-align: center; padding: 4% 0px; overflow: hidden; }
.hrAbout_box .t { font-size: 25px; color: #000000; margin-bottom: 35px; }
.hrAbout_box .c { text-align: center; color: #000; font-size: 14px; margin-bottom: 45px; }
.hrAbout_box .btn-more { color: #000000; }
.hrAbout_List { margin: 6% 0px; }
.hrAbout_List a:link, .hrAbout_List a:visited { color: #fff; }
.hrAbout_List a:active, .hrAbout_List a:hover { color: #fff; }
.hrAbout_List li { float: left; display: block; width: 50%; }
.hrAbout_List a { width: 243px; height: 243px; border-radius: 50%; display: block; margin: 0px auto; position: relative; }
.hrAbout_List a img { width: 100%; display: block; }
.hrAbout_List a .bg { background: url(../images/blue_bg.png) repeat; background: none rgba(0,149,114,0.9); position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; border-radius: 50%; -webkit-transform: scale(0.2); transform: scale(0.2); opacity: 0; visibility: hidden; transition: 400ms; -webkit-transition: 400ms; -ms-transition: 400ms; }
.hrAbout_List a .name { position: absolute; left: 0px; top: 50%; text-align: center; width: 100%; font-size: 14px; height: 70px; line-height: 68px; margin-top: -35px; transition: 300ms; -webkit-transition: 300ms; }
.hrAbout_List a .name i { width: 0px; height: 1px; display: block; margin: 0px auto; background-color: #fff; transition: 300ms; -webkit-transition: 300ms; overflow: hidden; }
.hrAbout_List a:hover .bg { opacity: 1; visibility: visible; -webkit-transform: scale(1); transform: scale(1); }
.hrAbout_List a:hover .name { font-size: 20px; }
.hrAbout_List a:hover .name i { width: 24px; }
.hrAbout_box .target .t, .hrAbout_box .target .c, .hrAbout_box .target .btn-more { transform: translate(0px,50px); -webkit-transform: translate(0px,50px); opacity: 0; transition: 400ms ease 150ms; -webkit-transition: 400ms ease 150ms; }
.hrAbout_box .target .c { transition: 400ms ease 250ms; -webkit-transition: 400ms ease 250ms; }
.hrAbout_box .target .btn-more { transition: 400ms ease 300ms; -webkit-transition: 400ms ease 300ms; }
.hrAbout_box .action .t, .hrAbout_box .action .c, .hrAbout_box .action .btn-more { transform: translate(0px,0px); -webkit-transform: translate(0px,0px); opacity: 1; }
.hrAbout_List.target li:nth-child(1) { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); }
.hrAbout_List.target li:nth-child(2) { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg); }
.hrAbout_List.action li:nth-child(1), .hrAbout_List.action li:nth-child(2) { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); transition: 700ms ease 150ms; -webkit-transition: 700ms ease 150ms; }
.joinImg { background-attachment: fixed; width: 100%; padding: 10% 0px; position: relative; background-size: cover; background-repeat: no-repeat; background-position: center center; color: #fff; }
.joinImg .t { font-size: 25px; color: #fff; text-align: center; position: relative; z-index: 2; }
.hrBox { padding: 5% 0px; width: 1000px; margin: 0px auto; }
.hrList { font-size: 14px; color: #969696; line-height: 2; }
.hrList a:link, .hrList a:visited { color: #969696; }
.hrList a:active, .hrList a:hover { color: #1d1b73; }
.hrList .hicon { width: 4%; height: 40px; float: left; position: relative; display: block; }
.hrList .hspan { text-align: center; cursor: pointer; width: 22%; display: block; float: left; color: #000000; height: 40px; line-height: 40px; }
.hrList .hspan2 { width: 8%; }
.hrList .hrdt { margin-bottom: 6px; }
.hrList dd { margin-bottom: 2px; position: relative; }
.hrList .hot { background: url(../images/hot.png) no-repeat; width: 37px; height: 29px; position: absolute; left: 4%; top: -2px; margin-left: -2px; }
.hrList .hrdt, .hrList .hrT { height: 40px; overflow: hidden; }
.hrList .hrT .hspan { background: #009572; transition: 400ms; -ms-transition: 400ms; -webkit-transition: 400ms; -moz-transition: 400ms; color: #fff; }
.hrList .hicon .ib { width: 21px; height: 21px; margin-top: 10px; display: block; position: relative; transition: 400ms; -webkit-transition: 400ms; -moz-transition: 400ms; -ms-transition: 400ms; }
.hrList .hicon i { display: block; background: #009572; }
.hrList .hicon .ic1 { width: 1px; height: 21px; margin-left: 10px; }
.hrList .hicon .ic2 { width: 21px; height: 1px; position: absolute; left: 0; top: 50%; margin-top: -1px; }
.hrList .hrB { border-bottom: 1px solid #009572; background-color: #fff; display: none; margin-left: 4%; }
.hrList .hrCon { width: 89%; margin: 0px auto; padding: 25px 0px 48px; overflow: hidden; font-size: 14px; color: #000; }
.hline { border-top: 1px solid #eee; padding: 30px 0px; margin-top: 35px; }
.hrList .active .hspan { background: #1478e8; }
.hrList .active .hicon .ib { transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -moz-transform: rotate(45deg); }
.hrList .active .hicon i { background-color: #ea5b24; }
.hrList dd.active .hspan, .hrList dd:hover .hspan { background: #ea5b24; }
.hrBox .target.hrList { transform: translate(0px,50px); -webkit-transform: translate(0px,50px); opacity: 0; transition: 400ms ease 150ms; -webkit-transition: 400ms ease 150ms; }
.hrBox .action.hrList { transform: translate(0px,0px); -webkit-transform: translate(0px,0px); opacity: 1; }
.applicationBox { background-attachment: fixed; width: 100%; padding: 5% 0px; position: relative; background-size: cover; background-repeat: no-repeat; background-position: center center; }
.applicationBox .title { font-size: 25px; color: #000000; text-align: center; position: relative; z-index: 2; }
.applicationList { position: relative; z-index: 1; margin-bottom: 7%; width: 1168px; margin: 5% auto 0px; text-align: center; color: #fff; padding-bottom: 4%; }
.applicationList li { float: left; display: block; width: 145px; cursor: default; position: relative; }
.applicationList li .line { float: left; display: block; width: 25px; margin: 56px 4px 0px 0px; background-color: #009572; height: 1px; overflow: hidden; }
.applicationList .t { position: relative; width: 113px; height: 113px; float: left; display: block; }
.applicationList .y1 { background: url(../images/y1.png) no-repeat; }
.applicationList .y2 { background: url(../images/y2.png) no-repeat; }
.applicationList .y1, .applicationList .y2 { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; z-index: 1; }
.applicationList .y2 { opacity: 0; transform: scale(0.8); -webkit-transform: scale(0.8); visibility: hidden; }
.applicationList .item1 { width: 208px; }
.applicationList .item1 .line, .applicationList .item8 .line, .applicationList .item8 { width: 90px; }
.applicationList .name { height: 47px; position: relative; z-index: 2; margin: 0px auto; line-height: 45px; font-size: 16px; position: absolute; left: 0px; width: 100%; text-align: center; top: 50%; margin-top: -23px; color: #000000; }
.applicationList .name i { width: 0px; margin: 0px auto; display: block; height: 1px; background-color: #fff; overflow: hidden; transition: 300ms; -ms-transition: 300ms; -webkit-transition: 300ms; -moz-transition: 300ms; }
.applicationList .t:hover .y1 { opacity: 0; transform: scale(1.2); -webkit-transform: scale(1.2); }
.applicationList .t:hover .y2 { opacity: 1; transform: scale(1); -webkit-transform: scale(1); visibility: visible; }
.applicationList .t:hover .name { color: #fff; }
.applicationList .t:hover .name i { width: 16px; }
.applicationList .target li { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); }
.applicationList .action li { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); transition: 600ms ease 350ms; -webkit-transition: 600ms ease 350ms; }
.CareerPage { padding: 5% 0px; }
.CareerPage .title { text-align: center; font-size: 25px; color: #000; margin-bottom: 40px; }
.CareerBox { width: 608px; text-align: justify; margin: 0px auto; }
.CareerList li { float: left; display: block; padding: 8% 0px 5%; width: 50%; }
.CareerList li img { width: 100%; display: block; }
.CareerPage.target .title, .CareerPage.target .pageC { transform: translate(0px,50px); -webkit-transform: translate(0px,50px); opacity: 0; transition: 400ms ease 150ms; -webkit-transition: 400ms ease 150ms; }
.CareerPage.target.pageC { transition: 400ms ease 250ms; -webkit-transition: 400ms ease 250ms; }
.CareerPage.action .title, .CareerPage.action .pageC { transform: translate(0px,0px); -webkit-transform: translate(0px,0px); opacity: 1; }
.aboutUsPage { padding: 6% 0px 8%; }
.aboutUsPage .title { font-size: 25px; width: 90%; text-align: center; color: #000; margin: 0px auto 45px; }
.aboutUsPc { width: 846px; margin: 0px auto; }
.aboutLifePage dd { float: left; width: 20%; *width: 19.98%; display: block; overflow: hidden; position: relative; }
.aboutLifePage .filler2 { background-color: #08a27c; z-index: 2; }
.aboutLifePage .filler2-left { width: 1px; height: 0%; left: 2%; bottom: 2%; }
.aboutLifePage .filler2-right { width: 1px; height: 0%; right: 2%; top: 2%; }
.aboutLifePage .filler2-top { width: 0%; height: 1px; left: 2%; top: 2%; }
.aboutLifePage .filler2-bottom { width: 0%; height: 1px; right: 2%; bottom: 2%; }
.aboutLifePage a:link, .aboutLifePage a:visited { color: #787878; }
.aboutLifePage a:active, .aboutLifePage a:hover { color: #009572; }
.aboutLifePage dd:hover .filler2-left { height: 96%; }
.aboutLifePage dd:hover .filler2-right { height: 96%; }
.aboutLifePage dd:hover .filler2-top { width: 96%; }
.aboutLifePage dd:hover .filler2-bottom { width: 96%; }
.aboutLifePage .img { height: 384px; width: 100%; overflow: hidden; }
.aboutLifePage .img .imgbg { background-size: cover; background-repeat: no-repeat; background-position: center center; transition: 600ms ease 0ms; -webkit-transition: 600ms ease 0ms; width: 100%; height: 100%; display: block; }
.aboutLifePage .img img { width: 100%; display: none; transition: 400ms ease 0ms; -webkit-transition: 400ms ease 0ms; opacity: 0; }
.aboutLifePage .con { background-color: #fff; padding: 80px 15% 30px; height: 274px; color: #646464; font-size: 14px; position: relative; text-align: justify; }
.aboutLifePage .t { font-size: 20px; color: #000; margin-bottom: 30px; }
.aboutLifePage .num { position: absolute; width: 50px; height: 50px; border-radius: 50%; background-color: #0db78f; right: 50%; margin-right: -25px; text-align: center; top: -25px; color: #fff; font: 30px/50px "HelveticaNeueCondensed","futura_lightregular","times new roman","microsoft yahei"; /*opacity: 0; visibility: hidden; transform: scale(1.1); -webkit-transform: scale(1.1); transition: 400ms ease 0ms; -webkit-transition: 400ms ease 0ms; */ z-index: 10; }
.aboutLifePage dd:hover .img .imgbg, .aboutLifePage dd:hover .img img { transform: scale(1.1); -webkit-transform: scale(1.1); }
.aboutLifePage .twoDD .num { top: 100%; margin-top: -25px; }
/*.aboutLifePage dd:hover .num { transform: scale(1); -webkit-transform: scale(1); opacity: 1; visibility: visible; }*/
.aboutCulturePage a:link, .aboutCulturePage a:visited { color: #fff; }
.aboutCulturePage a:active, .aboutCulturePage a:hover { color: #fff; }
.aboutCulturePage { background: url(../images/ha_1.jpg) no-repeat; background-attachment: fixed; background-size: cover; padding: 12% 0px; color: #fff; font-size: 14px; }
.aboutCultureDL dd { float: left; width: 40%; margin-right: 10%; height: 196px; }
.aboutCultureDL dd .zh, .aboutCultureDL dd .en { font-size: 20px; line-height: 1.5; }
.aboutCultureDL dd .bot { height: 1px; overflow: hidden; width: 40px; background-color: #fff; margin: 9px 0px 20px; }
/*hr style ned*/
/*微信弹出*/
.popUpblack { background: url(../images/black_bg4.png) repeat; width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; z-index: 1010; display: none; }
.popUp { width: 220px; height: 242px; border: 5px solid #999; background: #fff; position: fixed; left: 50%; top: 50%; margin: -87px 0 0 -115px; z-index: 1004; }
.popUp .t { padding: 0 0 0 10px; height: 26px; line-height: 26px; color: #666; font-weight: bold; border-bottom: 1px solid #e8e8e8; background: #f2f2f2; }
.popUp .t .close { padding: 0 10px 0 0; float: right; cursor: pointer; color: #666; font-weight: normal; }
.popUp .img { padding: 20px; }
.popUp .img img { width: 100%; height: 100%; display: block; }
/*微信弹出 end*/
/*contact style*/
.mapbox { height: 500px; overflow: hidden; width: 100%; }
.contactPage { width: 910px; margin: 0px auto; padding: 6% 0px; color: #787878; }
.contact-T { border-bottom: 1px solid #dcdcdc; padding-bottom: 5px; margin-bottom: 6%; }
.contact-T .tel { font-size: 30px; }
.contact-dl dd { float: left; display: block; }
.contact-dl dd.conBox { padding-top: 5px; width: 50%; }
.contact-dl dd.ewmBox { width: 344px; float: right; }
.contact-dl dd.ewmBox li { float: left; padding-left: 53px; width: 119px; }
.contact-dl dd.ewmBox .img { width: 100%; overflow: hidden; margin-bottom: 8px; }
.contact-dl dd.ewmBox .img img { width: 100%; display: block; }
/*contact style end*/
/*goldService style*/
.pbanner2 .proTypeBox { position: absolute; left: 0px; bottom: 0px; width: 100%; background-color: transparent; padding: 0px 0px 2%; }
.pbanner2 .proTypeBox .en { font: 85px/0.8 "futura_lightregular","times new roman","microsoft yahei"; }
.pbanner2 .proTypeBox .zh { font-size: 25px; }
.goldPage { position: relative; }
.goldico { position: absolute; right: 0px; top: -150px; }
.goldList { width: 80%; margin: 0px auto; padding-top: 50px; }
.goldList dd { margin-bottom: 45px; }
.goldList dd .item { padding: 30px 30px 20px 48px; position: relative; background-color: #fff; }
.goldList .t { font-size: 18px; color: #323232; }
.goldList .c { font-size: 14px; color: #646464; height: 62px; overflow: hidden; }
.goldList .time { font: 14px/1.4 "HelveticaNeueCondensed","times new roman",Helvetica,arial,sans-serif; color: #969696; }
.goldList .more { display: block; position: absolute; left: 0px; top: 0px; width: 70%; height: 100%; }
.goldList .moreico { background: url(../images/more1.png) no-repeat; width: 17px; height: 17px; position: absolute; right: 30px; bottom: 20px; }
.goldList .moreico:hover { background-image: url(../images/more2.png); }
.goldList .botoomN { position: absolute; right: 30px; top: 30px; }
.goldList .botoomN .psico { margin: 0px 0px 0px 10px; }
.goldList .filler2 { background-color: #08a27c; z-index: 2; }
.goldList .filler2-left { width: 2px; height: 0%; left: 0%; bottom: 0%; }
.goldList .filler2-right { width: 2px; height: 0%; right: 0%; top: 0%; }
.goldList .filler2-top { width: 0%; height: 2px; left: 0%; top: 0%; }
.goldList .filler2-bottom { width: 0%; height: 2px; right: 0%; bottom: 0%; }
.goldList a:link, .aboutLifePage a:visited { color: #787878; }
.goldList a:active, .aboutLifePage a:hover { color: #009572; }
.goldList .item:hover .filler2-left { height: 100%; }
.goldList .item:hover .filler2-right { height: 100%; }
.goldList .item:hover .filler2-top { width: 100%; }
.goldList .item:hover .filler2-bottom { width: 100%; }
.goldList .item:hover .t { color: #009572; }
.goldList .psico .ps1 { background-position: 0px -60px; }
.goldList .psico .ps2 { background-position: -39px -60px; }
.goldList .psico .ps3 { background-position: -78px -60px; }
.goldList .psico { background-position: -75px 0px; }
.glodBanner { width: 90%; padding: 12% 5% 50px; background-color: #018369; text-align: center; color: #fff; }
.glodBanner .t { font-size: 35px; line-height: 1.2; margin-bottom: 10px; }
.glodBanner .c { font-size: 20px; }
.glodTime { text-align: center; color: #646464; padding: 20px 0px 35px; font-size: 14px; }
.glodInner { width: 846px; margin: 0px auto; }
.goldBottom { padding: 5% 0px 8%; }
.goldBottom a { color: #646464; }
/*goldService style end*/

.qiyeQQ { position: fixed; bottom: 106px; right: 24px; z-index: 999; }
.designby { color: #f3f3f3!important; }
